.defect-form .defect-form__container{display:flex;flex-direction:column;align-items:center}.defect-form .defect-form__instruction{font-size:14px;line-height:1.5;color:#555;margin-top:10px;margin-bottom:10px;max-width:960px}.defect-form form{width:100%;max-width:960px;display:flex;flex-wrap:wrap;row-gap:20px;column-gap:20px}.defect-form input{border-radius:5px;border-width:1px}.defect-form form .form__field{width:100%;display:flex;flex-direction:column;gap:5px}.defect-form form .form__field.w-50{width:calc(50% - 10px)}.defect-form form .comment{font-size:14px;line-height:1.2;font-style:italic;margin-top:5px;color:red}.defect-form form .comment.footnote{color:#666;font-style:normal;font-size:12px}.defect-form form textarea{width:100%;resize:vertical}.defect-form form .button.secondary{background-color:transparent;color:#1e22aa;border-color:#1e22aa}.defect-form form .button.secondary:hover{background-color:#171d8a;border-color:#171d8a}.defect-form .products button[name=add-product]{margin-top:7px;background-color:transparent;color:#1e22aa;border-color:#1e22aa}.defect-form .products__list{display:flex;flex-wrap:wrap;gap:20px}.defect-form .products__list .product{position:relative;padding:12px 15px;border:1px solid #e0e0e0;border-left:3px solid #1e22aa;border-radius:4px;width:calc(33.333% - 14px);display:flex;flex-direction:column;align-items:center;gap:12px;line-height:1.3;background:#fafafa}.defect-form .products__list .product .product-informations{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0;font-size:13px;color:#555;width:100%}.defect-form .products__list .product .product-name{font-weight:700;font-size:14px;color:#222}.defect-form .products__list .product .product-details{display:flex;gap:12px;flex-wrap:wrap}.defect-form .products__list .product .product-actions{display:flex;flex-direction:column;gap:8px;width:100%}.defect-form .products__list .product .product-edit-btn{flex-shrink:0;background:none;border:1px solid #1e22aa;color:#1e22aa;font-size:12px;padding:4px 10px;border-radius:3px;cursor:pointer;white-space:nowrap}.defect-form .products__list .product .product-edit-btn:hover{background-color:#1e22aa;color:#fff}.defect-form .products__list .product .product-remove-btn{flex-shrink:0;background:none;border:1px solid #cc0000;color:#c00;font-size:12px;padding:4px 10px;border-radius:3px;cursor:pointer;white-space:nowrap}.defect-form .products__list .product .product-remove-btn:hover{background-color:#c00;color:#fff}.defect-form__new-product{position:fixed;z-index:1000;top:0;bottom:0;left:0;right:0;display:none;justify-content:center;align-items:center}.defect-form__new-product[open]{display:flex}.defect-form__new-product .new-product__overlay{position:absolute;top:0;bottom:0;left:0;right:0;background-color:#000c;display:block}.defect-form__new-product .new-product__container{position:relative;z-index:1;background-color:#fff;overflow-y:auto;display:flex;flex-direction:column;border-radius:10px;max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);width:100%;max-width:min(720px,calc(100% - 40px))}.defect-form__new-product .new-product__header{padding:30px;border-bottom:1px solid #e0e0e0}.defect-form__new-product .new-product__header h2{margin:0}.defect-form__new-product .new-product__body{display:flex;gap:30px;padding:25px 30px;flex:1;overflow-y:auto;width:100%;box-sizing:border-box}.defect-form__new-product .new-product__col-left,.defect-form__new-product .new-product__col-right{flex:1;display:flex;flex-direction:column;gap:20px;min-width:0}.defect-form__new-product .new-product__footer{padding:15px 30px 25px;border-top:1px solid #e0e0e0;display:flex;gap:10px}.defect-form__new-product form{display:flex;flex-direction:column;flex:1}.defect-form .product-select-trigger{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border:1px solid #000000;border-radius:2px;cursor:pointer;background:#fff;font-size:14px;min-height:20px}.defect-form .product-select-trigger:hover{border-color:#1e22aa}.defect-form .product-select-trigger .product-select-image{width:30px;height:30px;object-fit:cover;border-radius:3px;flex-shrink:0;margin-right:8px}.defect-form .product-select-trigger .product-select-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.defect-form .product-select-trigger .product-select-text.has-value{color:#222}.defect-form .product-select-trigger .product-select-arrow{color:#999;font-size:12px;margin-left:8px}.defect-form__product-select{position:fixed;z-index:1003;top:0;bottom:0;left:0;right:0;display:none;justify-content:center;align-items:center}.defect-form__product-select[open]{display:flex}.defect-form__product-select .product-select__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:block}.defect-form__product-select .product-select__container{position:relative;z-index:1;background:#fff;border-radius:8px;width:90%;max-width:500px;max-height:70vh;max-height:70dvh;height:500px;display:flex;flex-direction:column;box-shadow:0 4px 20px #0000004d;overflow:hidden}.defect-form__product-select .product-select__header{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:1px solid #e0e0e0}.defect-form__product-select .product-select__header h3{margin:0;font-size:16px}.defect-form__product-select .product-select__close{background:none;border:none;font-size:24px;cursor:pointer;color:#999;padding:0;line-height:1}.defect-form__product-select .product-select__close:hover{color:#333}.defect-form__product-select .product-search-input{width:100%;box-sizing:border-box;border:none;border-bottom:1px solid #e0e0e0;padding:12px 20px;font-size:14px;outline:none}.defect-form__product-select .product-search-input:focus{border-bottom-color:#1e22aa}.defect-form__product-select .product-dropdown-list{flex:1;overflow-y:auto}.defect-form__product-select .product-dropdown-list .product-option{padding:8px 20px;cursor:pointer;font-size:14px;border-bottom:1px solid #f5f5f5;display:flex;align-items:center;gap:12px}.defect-form__product-select .product-dropdown-list .product-option:last-child{border-bottom:none}.defect-form__product-select .product-dropdown-list .product-option:hover{background-color:#f0f0f0}.defect-form__product-select .product-dropdown-list .product-option.selected{background-color:#1e22aa;color:#fff}.defect-form__product-select .product-option .product-option__image{width:40px;height:40px;object-fit:cover;border-radius:4px;flex-shrink:0;background:#f5f5f5}.defect-form__product-select .product-option .product-option__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.defect-form__product-select .product-option .product-option__sku{color:#999;font-size:12px;flex-shrink:0}.defect-form .defect-checkboxes{display:flex;flex-direction:column;gap:8px}.defect-form .defect-checkboxes label{display:flex;align-items:flex-start;gap:8px;font-weight:400;cursor:pointer;line-height:1.3}.defect-form .defect-checkboxes input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;min-width:18px;border:2px solid #ccc;border-radius:3px;cursor:pointer;position:relative;margin:1px 0 0;padding:0;background:#fff}.defect-form .defect-checkboxes input[type=checkbox]:checked{background-color:#1e22aa;border-color:#1e22aa}.defect-form .defect-checkboxes input[type=checkbox]:checked:after{content:"";position:absolute;left:4px;top:1px;width:6px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.defect-form .defect-other-input{margin-top:5px;margin-left:26px;display:none}.defect-form .defect-other-input.visible{display:block}.defect-form .info-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background-color:#1e22aa;color:#fff;font-size:12px;font-style:italic;cursor:pointer;position:relative;margin-left:5px;vertical-align:middle}.defect-form .info-tooltip{display:none;position:absolute;z-index:20;background:#fff;border:1px solid #ccc;padding:10px;border-radius:4px;box-shadow:0 2px 8px #00000026;max-width:min(350px,calc(100vw - 40px))}.defect-form .info-tooltip.visible{display:block}.defect-form .info-tooltip img{max-width:100%;height:auto;display:block;margin-bottom:8px}.defect-form .info-tooltip p{font-size:13px;line-height:1.4;color:#333;margin:0}.defect-form .image-upload-wrapper{display:flex;flex-direction:column;gap:10px}.defect-form .file-input-btn{display:inline-block;white-space:nowrap;background-color:#1e22aa;border-color:#1e22aa;color:#fff;align-self:flex-start}.defect-form .file-input-btn:hover{background-color:#171d8a;border-color:#171d8a}.defect-form .image-list{display:flex;flex-direction:column;gap:6px}.defect-form .image-list-item{display:flex;align-items:center;gap:10px;padding:6px 10px;border:1px solid #e0e0e0;border-radius:4px;font-size:13px}.defect-form .image-list-item .image-preview{width:36px;height:36px;object-fit:cover;border-radius:3px;flex-shrink:0;background:#f5f5f5}.defect-form .image-list-item .image-name{flex:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.defect-form .image-list-item .image-remove{cursor:pointer;font-weight:700;font-size:16px;line-height:1;padding:0 4px;border:1px solid #cc0000;background:#c00;color:#fff;width:25px;height:25px;border-radius:5px}.defect-form .image-list-item .image-remove:hover{background:#900;border-color:#900}.defect-form__modal{position:fixed;z-index:1005;top:0;right:0;bottom:0;left:0;display:none;justify-content:center;align-items:center}.defect-form__modal[open]{display:flex}.defect-form__modal .defect-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000080}.defect-form__modal .defect-modal__container{position:relative;z-index:1;padding:30px;border-radius:8px;background-color:#fff;max-width:400px;width:90%;box-sizing:border-box;text-align:center;box-shadow:0 4px 20px #0000004d}.defect-form__modal h3{margin-bottom:10px;font-size:18px}.defect-form__modal p{margin-bottom:20px;color:#555;line-height:1.4}.defect-form__modal .defect-modal__buttons{display:flex;gap:10px;justify-content:center}.defect-form__modal .defect-modal__cancel{background:#1e22aa;border-color:#1e22aa;color:#fff}.defect-form__modal .defect-modal__cancel:hover{background:#171d8a;border-color:#171d8a}.defect-form__modal .defect-modal__confirm{background:#c00;border-color:#c00;color:#fff}.defect-form__modal .defect-modal__confirm:hover{background:#900;border-color:#900}.defect-form__modal .defect-modal__ok{background:#1e22aa;border-color:#1e22aa;color:#fff}.defect-form__modal .defect-modal__ok:hover{background:#171d8a;border-color:#171d8a}.defect-form__confirmation{position:fixed;z-index:1001;top:0;right:0;bottom:0;left:0;display:none;justify-content:center;align-items:center}.defect-form__confirmation[open]{display:flex}.defect-form__confirmation .confirmation__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000c}.defect-form__confirmation .confirmation__container{position:relative;z-index:1;padding:40px;border-radius:8px;background-color:#fff;width:90%;max-width:500px;box-sizing:border-box;text-align:center;box-shadow:0 4px 20px #0003}.defect-form__confirmation .confirmation__icon{width:60px;height:60px;margin:0 auto 20px;background-color:#1e22aa;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:30px}.defect-form__confirmation h3{margin-bottom:15px;font-size:24px}.defect-form__confirmation .confirmation__message{margin-bottom:25px;line-height:1.5;color:#333}@media screen and (min-width:750px)and (max-width:999px){.defect-form .products__list .product{width:calc(50% - 10px)}}@media screen and (max-width:749px){.defect-form__new-product .new-product__body{flex-direction:column;gap:20px;padding:20px}.defect-form__new-product .new-product__header{padding:20px}.defect-form__new-product .new-product__footer{padding:12px 20px 20px;flex-wrap:wrap}.defect-form__new-product .new-product__footer .button{flex:1 1 auto}.defect-form form .form__field.w-50,.defect-form .products__list .product{width:100%}.defect-form input,.defect-form textarea,.defect-form__product-select .product-search-input,.defect-form .product-select-trigger{font-size:16px}.defect-form .products__list .product .product-edit-btn,.defect-form .products__list .product .product-remove-btn{padding:8px 12px;font-size:13px}.defect-form__confirmation .confirmation__container{padding:30px 24px}.defect-form__modal .defect-modal__container{padding:24px 20px}.defect-form__modal .defect-modal__buttons{flex-wrap:wrap}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-defect-form.css.map */