.product-gallery { display: flex; gap: 15px; }
.thumbs-container { position: relative; width: 110px; }
.thumbs-wrapper { position: relative; }
.thumbs { display: flex; flex-direction: column; gap: 10px; max-height: 400px; overflow: hidden; }
.thumbs img { width: 100px; cursor: pointer; border: 2px solid transparent; transition: transform .2s, border-color .2s; }
.thumbs img:hover { transform: scale(1.03); }
.thumbs img.active { border-color: #ff6600; }
.thumb-scroll { position: absolute; left: 0; right: 0; background: rgba(0,0,0,0.4); color: white; border: none; height: 30px; font-size: 18px; cursor: pointer; z-index: 2; opacity: 0.6; transition: opacity .2s; }
.thumb-scroll:hover { opacity: 1; }
.thumb-scroll.up { top: 0; }
.thumb-scroll.down { bottom: 0; }
.main-image img { max-width: 350px; border: 1px solid #ccc; }