.heel-scanner-wrapper{margin:20px 0;text-align:center}.heel-scanner-trigger-btn{background:#000;color:#fff;border:1px solid #fff;padding:14px 28px;font-size:14px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .3s ease;font-family:inherit}.heel-scanner-trigger-btn:hover{background:#fff;color:#000}.heel-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.heel-modal-box{background:#111;border:1px solid #333;padding:32px 28px;width:100%;max-width:420px;border-radius:4px;color:#fff;font-family:inherit}.heel-modal-box h3{font-size:18px;letter-spacing:2px;text-transform:uppercase;margin-bottom:20px;color:#fff;text-align:center}.heel-instructions-list p{font-size:13px;color:#ccc;margin:8px 0;text-align:left;letter-spacing:.5px}.heel-hint{font-size:12px;color:#888;margin-bottom:12px;text-align:center}.heel-camera-wrapper{position:relative;width:100%;background:#000;border-radius:4px;overflow:hidden;margin:16px 0;aspect-ratio:4/3}#heel-video{width:100%;height:100%;object-fit:cover;display:block}#heel-canvas{display:none}.heel-scan-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.scan-line{position:absolute;width:100%;height:2px;background:linear-gradient(90deg,transparent,#gold,#fff,transparent);background:linear-gradient(90deg,transparent,#c9a84c,transparent);animation:scanMove 2s linear infinite;top:0}@keyframes scanMove{0%{top:0%}to{top:100%}}.heel-result-box{background:#1a1a1a;border:1px solid #333;border-radius:4px;padding:20px;margin:16px 0;text-align:center}.heel-diameter-text{font-size:13px;color:#888;margin-bottom:8px;letter-spacing:1px}.heel-size-text{font-size:32px;font-weight:700;color:#c9a84c;letter-spacing:4px;margin-bottom:4px}.heel-type-text{font-size:12px;color:#666;letter-spacing:1px;text-transform:uppercase}.heel-btn-primary{width:100%;background:#c9a84c;color:#000;border:none;padding:14px;font-size:13px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;margin-top:12px;font-weight:700;transition:all .3s ease;font-family:inherit}.heel-btn-primary:hover{background:#e0c068}.heel-btn-secondary{width:100%;background:transparent;color:#666;border:1px solid #333;padding:10px;font-size:12px;letter-spacing:1px;text-transform:uppercase;cursor:pointer;margin-top:8px;transition:all .3s ease;font-family:inherit}.heel-btn-secondary:hover{color:#fff;border-color:#666}.heel-reference-selector{margin-bottom:16px;text-align:left}.heel-reference-selector label{display:block;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#888;margin-bottom:8px}.heel-select{width:100%;background:#1a1a1a;color:#fff;border:1px solid #333;padding:10px 12px;font-size:13px;font-family:inherit;cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.heel-select:focus{outline:none;border-color:#c9a84c}.heel-select option{background:#1a1a1a;color:#fff}@media(max-width:480px){.heel-modal-box{padding:24px 16px}.heel-size-text{font-size:28px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/heel-scanner.css.map */