.product-image{flex-direction:column;justify-content:center;align-items:center;max-width:100%;display:flex}.main-image-container{cursor:crosshair;border-radius:0;width:90%;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.main-image-container:hover{box-shadow:0 0 20px #00000026}.main-product-image{transform-origin:50%;width:100%;height:auto;transition:transform .3s}.main-product-image.zoomed{cursor:crosshair;transform:scale(2)}.zoom-overlay{opacity:0;pointer-events:none;background:#ffffff1a;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.zoom-overlay.active{opacity:1}.product-thumbnails{gap:12px;max-width:90%;margin-top:15px}.thumb-wrapper{cursor:pointer;border:2px solid #0000;border-radius:6px;flex-shrink:0;transition:all .3s;overflow:hidden}.thumb-wrapper.active{border-color:#0066dc;transform:scale(1.05)}.thumb-wrapper:hover:not(.active){border-color:#ccc;transform:scale(1.05)}.thumb-img{object-fit:cover;border:1px solid #2d2d2d;padding:3px;transition:transform .2s;width:70px!important;height:70px!important}.thumb-wrapper:hover .thumb-img{transform:scale(1.1)}.product-image-modal .modal-image{object-fit:contain;border-radius:10px;max-height:80vh}@media (max-width:1200px){.main-image-container{width:95%}}@media (max-width:768px){.product-image{padding:0 10px}.main-image-container{cursor:pointer;width:100%}.main-product-image.zoomed{transform:scale(1)}.main-image-container:hover{box-shadow:none}.main-image-container{justify-content:center;align-items:center;display:flex}.main-image-container img{width:50%!important}.product-thumbnails{justify-content:flex-start;gap:8px;max-width:100%;padding-bottom:10px;overflow-x:auto}.thumb-img{width:60px!important;height:60px!important}.product-thumbnails::-webkit-scrollbar{height:4px}.product-thumbnails::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.product-thumbnails::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}}@media (max-width:576px){.thumb-img{width:50px!important;height:50px!important}.product-thumbnails{gap:6px}.main-image-container{border-radius:0}}@media (hover:none) and (pointer:coarse){.main-image-container{cursor:pointer}.main-product-image.zoomed{transform:scale(1)}.thumb-wrapper:hover:not(.active){border-color:#0000;transform:scale(1)}}.main-product-image,.thumb-wrapper,.thumb-img{transition:all .3s cubic-bezier(.4,0,.2,1)}