.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}}