.zoom-overlay{position:absolute;top:20px;right:20px;background-color:rgba(255,255,255,.9);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;opacity:.9;z-index:100;box-shadow:0 4px 10px rgba(0,0,0,.2);pointer-events:auto;display:none}.zoom-overlay i{font-size:22px;color:var(--primary-color);transition:transform .3s ease}.zoom-hint{position:absolute;bottom:-25px;left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,.7);color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;transition:opacity .3s ease}.zoom-overlay:hover .zoom-hint{opacity:1}.zoom-overlay:hover{transform:scale(1.1);opacity:1;background-color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.2)}.zoom-overlay:hover i{transform:scale(1.2)}.zoomed-view{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.85);z-index:1000;display:none;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease}.zoomed-view.active{opacity:1}.zoomed-view.closing{opacity:0;transition:opacity .3s ease}.close-zoom-btn{position:absolute;top:20px;right:20px;background:rgba(0,0,0,.5);border:none;border-radius:50%;width:40px;height:40px;color:#fff;font-size:1.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:1010}.close-zoom-btn:hover{background:rgba(0,0,0,.7);color:var(--primary-color);transform:scale(1.1)}.zoomed-image-container{width:90%;height:80%;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative;cursor:grab}.zoom-navigation{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:1005;display:flex;justify-content:space-between;align-items:center}.nav-btn{pointer-events:auto;width:50px;height:50px;background-color:rgba(0,0,0,.6);border:none;border-radius:50%;color:#fff;font-size:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;margin:0 20px;opacity:.8;box-shadow:0 2px 10px rgba(0,0,0,.3)}.nav-btn:hover{background-color:rgba(0,0,0,.8);transform:scale(1.1);opacity:1;color:var(--primary-color)}.nav-btn:active{transform:scale(.95)}.mobile-instructions{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,.7);color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;opacity:0;transition:opacity .5s ease;pointer-events:none}@media (max-width:768px){.mobile-instructions{opacity:.8;animation:fadeInOut 3s ease forwards}@keyframes fadeInOut{0%{opacity:0}20%{opacity:.9}80%{opacity:.9}100%{opacity:0}}}.zoomed-image{max-width:100%;max-height:100%;object-fit:contain;transform-origin:center;transition:transform .1s ease-out;user-select:none;-webkit-user-drag:none;image-rendering:high-quality}.image-transition{animation:fadeZoomTransition .4s ease-out}@keyframes fadeZoomTransition{0%{opacity:.7;transform:scale(.98);filter:blur(1px)}100%{opacity:1;transform:scale(1);filter:blur(0)}}.zoom-controls{display:flex;gap:20px;margin-top:20px}.zoom-control-btn{width:45px;height:45px;border-radius:50%;background-color:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.2);color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s ease}.zoom-control-btn:hover{background-color:rgba(255,255,255,.2);transform:scale(1.1)}.zoom-control-btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.zoom-control-btn i{font-size:1.8rem}body.no-scroll{overflow:hidden}.product-main-display{position:relative;cursor:zoom-in}.product-main-display::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at center,transparent 70%,rgba(0,0,0,.08) 100%);pointer-events:none;opacity:0;transition:opacity .3s ease}.product-main-display:hover::after{opacity:1}.product-main-display img{transition:transform .3s ease}.product-main-display:hover img{transform:scale(1.03)}@media (max-width:768px){.zoomed-image-container{width:100%;height:70%}.zoom-overlay{width:35px;height:35px;top:15px;right:15px}.zoom-controls{gap:15px;position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,.6);padding:10px 15px;border-radius:30px}.zoom-control-btn{width:40px;height:40px}.nav-btn{width:40px;height:40px;margin:0 10px;font-size:1.2rem}.close-zoom-btn{width:35px;height:35px;top:15px;right:15px;font-size:1.5rem}}@media (max-width:768px) and (pointer:coarse){.zoom-navigation .nav-btn{opacity:0;pointer-events:none;transition:opacity .3s ease}.zoomed-swipe-hint{animation:swipeHintFade 3s ease-in-out}}@keyframes swipeHintFade{0%{opacity:0;transform:translateX(-50%) translateY(10px)}20%{opacity:1;transform:translateX(-50%) translateY(0)}80%{opacity:1;transform:translateX(-50%) translateY(0)}100%{opacity:0;transform:translateX(-50%) translateY(-10px)}}@media (min-width:769px){.zoom-navigation:hover .nav-btn{opacity:.8}}.zoomed-image.swipe-feedback{transition:transform .1s ease-out}@media (max-width:768px){.zoom-controls .zoom-control-btn{width:50px;height:50px;font-size:1.2rem;margin:0 8px}}