.productImages{display:flex;align-items:center;justify-content:center;gap:20px;transform:translateX(-5%)}.imageGrid{display:flex;flex-direction:column;gap:10px;width:100px;max-height:calc((80px * 4) + (10px * 3));overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ccc transparent}.imageGrid img{width:80px;height:80px;object-fit:cover;border-radius:10px;cursor:pointer}.imageGrid .thumb:hover{border:2px solid #ccc}.imageGrid .thumb.active{border:2px solid #f58633}.mainImageWrapper{position:relative;display:inline-flex;align-items:center;justify-content:center}.mainImage{min-width:150px;min-height:150px;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.2);object-fit:contain;max-width:420px;max-height:420px;cursor:zoom-in}.imageModal{position:absolute;inset:0;z-index:9999;background:rgba(0,0,0,.85);padding:16px;height:auto;width:auto;top:-30%;left:50px}.imageModal,.modalContent{display:flex;align-items:center;justify-content:center}.modalContent,.modalImage{max-width:96vw;max-height:92vh}.modalImage{object-fit:contain;border-radius:8px}.modalClose{top:16px;right:16px;width:40px;height:40px;border-radius:9999px;font-size:20px}.modalClose,.modalNav{position:absolute;background:rgba(255,255,255,.15);color:#fff;border:none;cursor:pointer}.modalNav{top:50%;transform:translateY(-50%);width:48px;height:56px;font-size:32px;line-height:0}.modalNav.prev{left:10px}.modalNav.next{right:10px}.tapZone{opacity:0;position:absolute}@media (max-width:768px){.productImages{flex-direction:column-reverse;transform:none}.imageGrid{flex-direction:row;width:auto;max-width:100%;max-height:unset;overflow-x:auto;overflow-y:hidden}.imageGrid img{width:70px;height:70px}.mainImage{width:100%;max-width:100%}.imageModal{position:absolute;inset:0;z-index:9999;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;padding:16px;height:auto;width:auto;top:0;left:0}.modalClose{width:36px;height:36px;font-size:18px}.modalNav{width:44px;height:52px;font-size:28px}}