.tryon-modal {
    position: fixed !important;
    z-index: 999999 !important;
    left: 0; top: 0;
    width: 100%; height: 100%;
    background-color: rgba(0,0,0,0.7);
}
.tryon-modal-content {
    background: #fff;
    margin: 5% auto;
    padding: 20px;
    width: 90%;
    max-width: 500px;
    position: relative;
}
#tryon-canvas, #tryon-webcam {
    width: 100% !important;
    height: auto !important;
}
.tryon-close {
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: 28px;
    cursor: pointer;
}




.try-on-btn {
    width: 100%;
    margin-top: 10px!important;
    background: #111!important;
    color: #fff!important;
    padding: 14px!important;
    font-size: 16px!important;
}
.tryon-modal {
    position: fixed; z-index: 99999; left: 0; top: 0; width: 100%; height: 100%;
    background: rgba(0,0,0,0.9); display: flex; align-items: center; justify-content: center;
}
.tryon-modal-content {
    background: #fff; padding: 20px; width: 95%; max-width: 500px; border-radius: 8px;
    text-align: center; position: relative;
}
.tryon-close {
    position: absolute; right: 15px; top: 10px; font-size: 28px; cursor: pointer;
}
.tryon-wrapper { position: relative; width: 100%; }
#tryon-webcam { display: none; }
#tryon-canvas { width: 100%; height: auto; border-radius: 4px; }
#tryon-capture, #tryon-retake { margin-top: 15px; width: 100%; }