.form-produk .columns{margin:0}.form-produk .card-left,.form-produk .card-right{height:100%;display:flex;flex-direction:column}.form-produk .card-title{font-size:1.1rem;font-weight:600;color:#00a087;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid #00a087}.form-produk .card-right .upload-photo-wrp{flex:1;display:flex;flex-direction:column;margin-bottom:0}.form-produk .card-right .image-upload-container{width:100%;min-height:300px;border:2px dashed #dbdbdb;border-radius:8px;background-color:#fafafa;position:relative;overflow:hidden;transition:all .3s ease}.form-produk .card-right .image-upload-container:hover{border-color:#00a087;background-color:#f5f5f5}.form-produk .card-right .image-upload-container .image-cropper{width:100%;height:100%;min-height:300px}.form-produk .card-right .image-upload-container .image-cropper>.image{width:100%;height:100%;min-height:300px;display:flex;align-items:center;justify-content:center;background-color:#fafafa}.form-produk .card-right .image-upload-container .image-cropper>.image img,.form-produk .card-right .image-upload-container .image-cropper>.image lazy-img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.form-produk .card-right .image-upload-container .image-cropper>.image .bg-overlay{background-color:transparent}.form-produk .card-right .image-upload-container .image-cropper>.image .control{position:absolute;bottom:15px;right:15px;display:flex;gap:.5rem;z-index:10}.form-produk .card-right .image-upload-container .image-cropper>.image .control .button{opacity:.9;transition:opacity .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.2)}.form-produk .card-right .image-upload-container .image-cropper>.image .control .button:hover{opacity:1;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.3)}.form-produk .card-right .image-upload-container .image-cropper>.image .control .button.btn-delete-image{background-color:#ff3860;border-color:#ff3860;color:#fff}.form-produk .card-right .image-upload-container .image-cropper>.image .control .button.btn-delete-image:hover{background-color:#ff1443;border-color:#ff1443}.form-produk .card-right .image-upload-container .image-cropper>.image .control .button input[type=file]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.form-produk .card-right .image-upload-container .image-cropper>.image:hover .bg-overlay{background-color:rgba(10,10,10,.3)}.form-produk .card-right .image-upload-container .image-cropper>.image:hover .control .button{opacity:1}.form-produk .card-right .form-actions{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e8e8e8}.form-produk .card-left .form-fields .columns{margin:0}@media (max-width:768px){.form-produk .columns{flex-direction:column-reverse}.form-produk .column{width:100%!important}}.modal-card .modal-card-head{background-color:#00a087;color:#fff}.modal-card .modal-card-head .modal-card-title{color:#fff;font-weight:600}.modal-card .modal-card-body{padding:1.5rem}.modal-card .qr-code-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;background-color:#fafafa;border-radius:8px;border:2px dashed #dbdbdb;flex:1}.modal-card .qr-code-container .qr-code{display:inline-block}.modal-card .product-image-container figure.image{margin:0;border-radius:8px;overflow:hidden;background-color:#fafafa;padding:.5rem}.modal-card .product-image-container figure.image img{width:100%;height:auto;-o-object-fit:contain;object-fit:contain}.modal-card .field.is-horizontal{margin-bottom:1rem}.modal-card .field.is-horizontal .field-label{flex-basis:140px;text-align:left}.modal-card .field.is-horizontal .label{font-weight:600;color:#4a4a4a}.modal-detail-produk.modal .animation-content{max-width:50%!important;width:50%!important}.modal-detail-produk.modal .modal-card{width:100%!important;max-width:100%!important}