.zoom-box{position:relative;width:100%}#main-image{width:100%;height:auto;display:block;border-radius:12px;object-fit:contain}#zoom-lens{position:absolute;width:100px;height:100px;border:1px solid #999;background:rgb(255 255 255 / .4);visibility:hidden;pointer-events:none}#zoom-result{position:absolute;top:0;left:calc(100% + 16px);width:400px;height:100%;border:1px solid #ccc;background-repeat:no-repeat;background-size:cover;display:none;z-index:10;border-radius:12px}#thumbs-container{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:10px;margin-top:1rem;padding-bottom:.5rem;justify-content:center;scroll-snap-type:x mandatory}.gallery-thumb{width:80px;height:80px;object-fit:cover;border-radius:8px;cursor:pointer;border:2px solid #fff0;flex-shrink:0;scroll-snap-align:start;transition:transform 0.3s ease,border-color 0.3s ease}@media (max-width:768px){#zoom-result{display:none!important}#zoom-lens{display:none!important}#thumbs-container{justify-content:flex-start;padding-inline:8px}}#thumbs-container{margin-top:10px}.thumb-link{display:inline-block;margin:0 6px}.thumb-link img{width:80px;height:80px;object-fit:cover;border-radius:8px;cursor:pointer;border:2px solid #fff0;transition:border-color 0.3s ease,transform 0.3s ease}.thumb-link:hover img,.thumb-link.active img{border-color:#198754;transform:scale(1.1)}.swiper-wrapper{display:flex}.swiper-slide{flex-shrink:0;border-radius:8px;transition:transform 0.3s ease,border-color 0.3s ease;border:2px solid #fff0}.gallery-thumb{border-radius:8px;cursor:pointer;width:100%;height:100%;object-fit:cover;display:block}.swiper-slide-active .gallery-thumb,.swiper-slide-thumb-active .gallery-thumb{border-color:#198754}