.order-proof-container{max-width:1180px;padding:30px;margin:auto}.order-proof-title h1{text-align:center;text-transform:uppercase;font-size:35px;font-weight:700}.order-proof,.order-proof-title{width:70%}.order-proof-image{position:relative;text-align:center;max-width:300px;margin:16px auto}.order-proof-image .order-proof-download{position:absolute;top:8px;right:8px}.order-proof-image .order-proof-download a{background-color:#0006;padding:2px;display:flex}.order-proof .order-proof-item:not(:first-of-type){border-top:2px solid #aaaaaa40;margin-top:20px;padding-top:20px}.order-proof-image img{width:300px;border-radius:8px;cursor:zoom-in;border:1px solid #aaaaaa40}.form-comment .field_label{font-size:16px}.form-comment .text-area{margin:10px 0;resize:vertical;padding:6px 15px}.form-buttons{display:flex;gap:10px;margin-top:20px}.form-buttons button{width:50%}.hidden{display:none}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:50;padding:0 10px}.modal-container{background:#fff;border-radius:8px;width:600px;padding:20px;position:relative}.modal-container .modal-title{text-transform:uppercase;font-size:36px;text-align:center}.modal-container .modal-content{font-size:16px;text-align:center}.modal-close{position:absolute;top:0;right:10px;cursor:pointer;font-size:24px;z-index:10}.modal-buttons{display:flex;justify-content:center;margin-top:20px;column-gap:8px}.modal-buttons button{font-size:14px}.modal-confirm{background-color:#1d4ed8;color:#fff}.modal-cancel{background-color:#e5e7eb;color:#111}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:1000;width:100%}.modal-content{position:relative;display:flex;justify-content:center;max-width:100vw;height:100%}.modal img{display:flex;margin:auto;transform-origin:center center;transition:transform .2s ease;cursor:zoom-in;max-width:90vw;max-height:85vh}.close{position:absolute;top:10px;right:15px;color:#fff;font-weight:700;cursor:pointer;background:#0006;border-radius:5px;z-index:99;padding:4px 10px}.preview-container{margin:10px 0;display:flex;flex-wrap:wrap;gap:10px}.preview-container .preview-item{position:relative}.preview-container .preview-item .preview-image{width:120px;height:120px;object-fit:cover;border-radius:8px;box-shadow:#0003 0 0 4px;cursor:pointer}.preview-container .preview-item .preview-close{position:absolute;top:6px;right:6px;color:#fff;display:none;background:#000;border-radius:50%;height:20px;width:20px;justify-content:center;align-items:center;cursor:pointer}.preview-container .preview-item:hover .preview-close{display:flex}@media screen and (max-width:750px){.order-proof,.order-proof-title{width:100%;padding:0}.order-proof-image img{height:auto}}@media screen and (max-width:600px){.form-comment{margin:10px 0;padding:10px}.form-order-proof .button{font-size:14px;padding:0 10px}.preview-container .preview-item .preview-image{width:100px;height:100px}}@media screen and (max-width:425px){.order-proof-image img{width:100%}.form-buttons{flex-wrap:wrap}.form-buttons button{width:100%}}#toast-container{position:fixed;top:20px;right:10px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{min-width:220px;background:#333;color:#fff;padding:12px 18px;border-radius:6px;font-size:14px;box-shadow:0 4px 8px #0003;opacity:0;transform:translateY(20px);animation:slideIn .4s forwards;pointer-events:all}.toast.success{background:#28a745}.toast.error{background:#dc3545}.toast.warning{background:#ffc107;color:#222}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.request-btn{position:relative}.request-btn.is-loading{cursor:not-allowed!important;opacity:.8!important}.request-btn.is-loading:hover,.is-loading:hover{color:rgba(var(--button-color-text),1)!important;background-color:rgba(var(--button-color-bg),1)!important}.is-loading .loading-overlay__spinner{position:absolute}.request-btn.is-loading:hover,.request-btn.is-loading:active,.request-btn.is-loading:focus{background:inherit;box-shadow:none;transform:none}
/*# sourceMappingURL=/cdn/shop/t/7/assets/order-proof.css.map */