.main-box{width:100%;max-width:600px;margin:auto}.zoom-box{cursor:url(/plus.svg) 24 24,zoom-in;background:#fff;width:100%;height:450px;position:relative;overflow:hidden}svg.plus-icon{filter:invert()grayscale()contrast(1000%);mix-blend-mode:difference}.main-img{object-fit:contain;width:100%;height:100%}.zoom-img{pointer-events:none;background-repeat:no-repeat;position:absolute;inset:0}.thumbs{flex-wrap:wrap;gap:20px;margin-top:12px;display:flex}.thumb{object-fit:contain;cursor:pointer;border:1px solid #eee;height:120px;width:120px!important}.thumb-active{border:2px solid #333}.overlay{z-index:999999;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:visible}.modal{justify-content:center;align-items:center;max-width:100vw;max-height:100vh;display:flex;position:relative;overflow:visible}.zoom-holder{justify-content:center;align-items:center;max-width:90vw;max-height:90vh;display:flex;overflow:visible}.modal-img{object-fit:contain;max-width:100%;max-height:90vh}.close{color:#fff;cursor:pointer;z-index:10;background:0 0;border:none;font-size:45px;position:absolute;top:15px;right:20px}.nav-btn{color:#fff;cursor:pointer;z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:45px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.nav-btn svg{transition:color .2s ease-out}.nav-btn:hover svg{fill:#fff6}.prev{left:20px}.next{right:20px}.main-nav-btn,.main-dots,.modal-dots{display:none}.main-dot,.modal-dot{cursor:pointer;background:#fff6;border:none;border-radius:50%;width:7px;height:7px;padding:0;transition:background .2s,transform .2s}.main-dot.active,.modal-dot.active{background:#fff;transform:scale(1.25)}@media (max-width:768px){.zoom-box{cursor:default;height:320px}.thumbs{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:10px;padding-bottom:4px;overflow-x:auto}.thumbs::-webkit-scrollbar{display:none}.thumb{flex-shrink:0;height:72px;width:72px!important}.main-nav-btn{z-index:10;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:background .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.main-nav-btn:active{background:#0000008c}.main-prev{left:10px}.main-next{right:10px}.main-dots{z-index:10;gap:6px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.modal{background:#000;width:100vw;height:100dvh}.zoom-holder{max-width:100vw;max-height:80dvh}.prev{left:6px}.next{right:6px}.nav-btn{width:44px;height:44px;font-size:32px}.close{font-size:36px;top:12px;right:12px}.modal-dots{z-index:10;gap:6px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}}