#hero-clip-wrap{clip-path:inset(100% 0 0 0);transition:clip-path 1.1s cubic-bezier(0.77,0,0.18,1)}#hero-clip-wrap.revealed{clip-path:inset(0% 0 0 0)}#main-product-img{transform:scale(1.1);transition:transform 1.4s cubic-bezier(0.25,0.46,0.45,0.94),opacity 0.3s ease}#hero-clip-wrap.revealed #main-product-img{transform:scale(1.04)}#hero-parallax{position:absolute;inset:0;will-change:transform}#thumb-scroll-wrap{position:relative;padding:0 38px}#thumb-strip{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}#thumb-strip::-webkit-scrollbar{display:none}.thumb-item{flex:0 0 auto;width:clamp(100px,17vw,170px);scroll-snap-align:start;position:relative;overflow:hidden;cursor:pointer;border:2px solid rgba(255,255,255,0.08);background:#111;transition:border-color 0.25s ease}.thumb-item:hover{border-color:rgba(0,255,0,0.55)}.thumb-item.active-thumb{border-color:#00ff00}.thumb-item img{width:100%;height:100%;object-fit:cover;opacity:0.55;transition:opacity 0.3s ease,transform 0.4s ease;pointer-events:none;display:block}.thumb-item:hover img{opacity:0.85;transform:scale(1.06)}.thumb-item.active-thumb img{opacity:0.85}.thumb-num{position:absolute;bottom:4px;left:5px;font-family:monospace;font-size:9px;text-transform:uppercase;letter-spacing:0.05em;color:#6b7280;transition:color 0.25s;pointer-events:none}.thumb-item.active-thumb .thumb-num,.thumb-item:hover .thumb-num{color:#00ff00}.thumb-expand{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0.7);opacity:0;width:28px;height:28px;background:rgba(0,0,0,0.65);border:1px solid rgba(0,255,0,0.4);display:flex;align-items:center;justify-content:center;color:#00ff00;font-size:10px;transition:opacity 0.2s ease,transform 0.2s ease;pointer-events:auto;z-index:2;cursor:pointer}.thumb-item:hover .thumb-expand{opacity:1;transform:translate(-50%,-50%) scale(1)}.thumb-arrow{position:absolute;top:0;bottom:0;width:38px;z-index:5;display:flex;align-items:center;justify-content:center;font-size:11px;cursor:pointer;color:rgba(255,255,255,0.35);transition:color 0.2s;user-select:none;pointer-events:auto}.thumb-arrow:hover{color:#00ff00}#thumb-prev{left:0;background:linear-gradient(to right,rgba(5,5,5,0.95) 60%,transparent)}#thumb-next{right:0;background:linear-gradient(to left,rgba(5,5,5,0.95) 60%,transparent)}.hero-expand-btn{position:absolute;bottom:1rem;right:1rem;width:2.5rem;height:2.5rem;background:rgba(0,0,0,0.6);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,0.2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color 0.2s}.hero-expand-btn:hover{border-color:#00ff00}.hero-expand-btn:hover i{color:#00ff00}.hero-expand-btn i{color:white;font-size:0.875rem;transition:color 0.2s}.fancybox__container{--fancybox-bg:rgba(3,3,3,0.97)!important;--fancybox-accent-color:#00ff00!important}.fancybox__toolbar{background:linear-gradient(to bottom,rgba(0,0,0,0.75),transparent)!important}.fancybox__toolbar .f-button{color:rgba(255,255,255,0.55)!important}.fancybox__toolbar .f-button:hover{color:#00ff00!important;background:transparent!important}.fancybox__nav .f-button{background:transparent!important;border:1px solid rgba(0,255,0,0.2)!important;border-radius:0!important;color:rgba(255,255,255,0.4)!important;transition:all 0.2s!important}.fancybox__nav .f-button:hover{border-color:#00ff00!important;color:#00ff00!important}.fancybox__thumbs{background:rgba(5,5,5,0.96)!important;border-top:1px solid rgba(0,255,0,0.12)!important}.fancybox__caption{background:linear-gradient(to top,rgba(0,0,0,0.8),transparent)!important;color:rgba(255,255,255,0.6)!important;font-size:11px;letter-spacing:0.1em;text-transform:uppercase}.fancybox__progress{background:#00ff00!important;height:1px!important}