{"id":2473,"date":"2025-06-19T12:12:51","date_gmt":"2025-06-19T12:12:51","guid":{"rendered":"https:\/\/ultramon.braincavesoft.com\/?page_id=2473"},"modified":"2026-02-10T00:30:53","modified_gmt":"2026-02-09T22:30:53","slug":"formular-retur","status":"publish","type":"page","link":"https:\/\/ultramon.ro\/en\/formular-retur\/","title":{"rendered":"Return"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n Returnare - ULTRAMON<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&family=Rajdhani:wght@500;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Inter', sans-serif;\n color: #1E293B;\n line-height: 1.6;\n background: #FFFFFF;\n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n }\n\n \/* Hero Section *\/\n .hero-section {\n position: relative;\n background: linear-gradient(135deg, #0F172A 0%, #1E293B 50%, #0D9488 100%);\n padding: 100px 0 80px;\n overflow: hidden;\n }\n\n .hero-content {\n position: relative;\n z-index: 2;\n text-align: center;\n color: #FFFFFF;\n }\n\n .hero-badge {\n display: inline-block;\n background: rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255, 255, 255, 0.2);\n padding: 8px 24px;\n border-radius: 50px;\n font-size: 14px;\n font-weight: 500;\n margin-bottom: 20px;\n letter-spacing: 0.5px;\n }\n\n .hero-title {\n font-family: 'Rajdhani', sans-serif;\n font-size: 56px;\n font-weight: 700;\n line-height: 1.2;\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n .hero-subtitle {\n font-size: 18px;\n font-weight: 300;\n max-width: 700px;\n margin: 0 auto;\n opacity: 0.95;\n line-height: 1.7;\n }\n\n \/* Main Content Section *\/\n .main-content-section {\n padding: 60px 0 100px;\n background: linear-gradient(180deg, #FFFFFF 0%, #F8FAFC 100%);\n }\n\n .content-grid {\n display: grid;\n grid-template-columns: 1fr 400px;\n gap: 40px;\n align-items: start;\n }\n\n \/* Form Card *\/\n .form-card {\n background: #FFFFFF;\n border-radius: 20px;\n padding: 40px;\n box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.1);\n border: 2px solid #F1F5F9;\n }\n\n .form-card-header {\n margin-bottom: 30px;\n }\n\n .form-card-title {\n font-family: 'Rajdhani', sans-serif;\n font-size: 28px;\n font-weight: 700;\n color: #0F172A;\n margin-bottom: 8px;\n }\n\n .form-card-subtitle {\n font-size: 15px;\n color: #64748B;\n }\n\n \/* Form Styles *\/\n .form-section {\n margin-bottom: 30px;\n }\n\n .form-section-title {\n font-family: 'Rajdhani', sans-serif;\n font-size: 18px;\n font-weight: 700;\n color: #0D9488;\n margin-bottom: 16px;\n padding-bottom: 10px;\n border-bottom: 2px solid #F1F5F9;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .form-section-title svg {\n width: 20px;\n height: 20px;\n }\n\n .form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 16px;\n margin-bottom: 16px;\n }\n\n .form-row.full {\n grid-template-columns: 1fr;\n }\n\n .form-group {\n display: flex;\n flex-direction: column;\n }\n\n .form-group label {\n font-size: 14px;\n font-weight: 600;\n color: #1E293B;\n margin-bottom: 6px;\n }\n\n .form-group label .required {\n color: #EF4444;\n }\n\n .form-group input,\n .form-group select,\n .form-group textarea {\n padding: 12px 16px;\n border: 2px solid #E2E8F0;\n border-radius: 10px;\n font-size: 15px;\n font-family: 'Inter', sans-serif;\n color: #1E293B;\n transition: all 0.2s ease;\n background: #FFFFFF;\n }\n\n .form-group input:focus,\n .form-group select:focus,\n .form-group textarea:focus {\n outline: none;\n border-color: #0D9488;\n box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.1);\n }\n\n .form-group input::placeholder,\n .form-group textarea::placeholder {\n color: #94A3B8;\n }\n\n .form-group textarea {\n resize: vertical;\n min-height: 120px;\n }\n\n .form-group select {\n cursor: pointer;\n appearance: none;\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C\/polyline%3E%3C\/svg%3E\");\n background-repeat: no-repeat;\n background-position: right 12px center;\n background-size: 18px;\n padding-right: 44px;\n }\n\n .form-group.error input,\n .form-group.error select,\n .form-group.error textarea {\n border-color: #EF4444;\n }\n\n .form-group .error-message {\n font-size: 12px;\n color: #EF4444;\n margin-top: 4px;\n display: none;\n }\n\n .form-group.error .error-message {\n display: block;\n }\n\n \/* Checkbox *\/\n .checkbox-group {\n display: flex;\n align-items: flex-start;\n gap: 12px;\n margin-top: 20px;\n }\n\n .checkbox-group input[type=\"checkbox\"] {\n width: 20px;\n height: 20px;\n accent-color: #0D9488;\n cursor: pointer;\n margin-top: 2px;\n flex-shrink: 0;\n }\n\n .checkbox-group label {\n font-size: 14px;\n color: #475569;\n cursor: pointer;\n line-height: 1.5;\n }\n\n .checkbox-group label a {\n color: #0D9488;\n text-decoration: none;\n font-weight: 600;\n }\n\n .checkbox-group label a:hover {\n text-decoration: underline;\n }\n\n \/* Submit Button *\/\n .submit-btn {\n width: 100%;\n padding: 16px 32px;\n background: linear-gradient(135deg, #0D9488 0%, #0891B2 100%);\n color: white;\n border: none;\n border-radius: 12px;\n font-size: 16px;\n font-weight: 600;\n font-family: 'Inter', sans-serif;\n cursor: pointer;\n transition: all 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n margin-top: 24px;\n }\n\n .submit-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 10px 20px -5px rgba(13, 148, 136, 0.4);\n }\n\n .submit-btn:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n transform: none;\n }\n\n .submit-btn svg {\n width: 20px;\n height: 20px;\n }\n\n \/* Info Sidebar *\/\n .info-sidebar {\n position: sticky;\n top: 30px;\n }\n\n .info-card {\n background: #FFFFFF;\n border-radius: 20px;\n padding: 30px;\n box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.1);\n border: 2px solid #F1F5F9;\n margin-bottom: 24px;\n }\n\n .info-card:last-child {\n margin-bottom: 0;\n }\n\n .info-card-header {\n display: flex;\n align-items: center;\n gap: 14px;\n margin-bottom: 16px;\n }\n\n .info-card-icon {\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #0D9488 0%, #0891B2 100%);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n\n .info-card-icon svg {\n width: 24px;\n height: 24px;\n color: white;\n }\n\n .info-card-title {\n font-family: 'Rajdhani', sans-serif;\n font-size: 20px;\n font-weight: 700;\n color: #0F172A;\n }\n\n .info-card p {\n font-size: 14px;\n color: #64748B;\n line-height: 1.7;\n margin-bottom: 12px;\n }\n\n .info-card p:last-child {\n margin-bottom: 0;\n }\n\n .info-list {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n .info-list li {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n padding: 10px 0;\n border-bottom: 1px solid #F1F5F9;\n font-size: 14px;\n color: #475569;\n }\n\n .info-list li:last-child {\n border-bottom: none;\n padding-bottom: 0;\n }\n\n .info-list li svg {\n width: 18px;\n height: 18px;\n color: #0D9488;\n flex-shrink: 0;\n margin-top: 2px;\n }\n\n \/* Highlight Box *\/\n .highlight-box {\n background: linear-gradient(135deg, #F0FDFA 0%, #CCFBF1 100%);\n border: 2px solid #0D9488;\n border-radius: 12px;\n padding: 16px 20px;\n display: flex;\n align-items: flex-start;\n gap: 12px;\n }\n\n .highlight-box svg {\n width: 22px;\n height: 22px;\n color: #0D9488;\n flex-shrink: 0;\n margin-top: 2px;\n }\n\n .highlight-box p {\n font-size: 14px;\n color: #0F172A;\n margin: 0;\n font-weight: 500;\n }\n\n \/* Contact Box *\/\n .contact-box {\n background: linear-gradient(135deg, #0D9488 0%, #0891B2 100%);\n border-radius: 16px;\n padding: 24px;\n color: white;\n }\n\n .contact-box h4 {\n font-family: 'Rajdhani', sans-serif;\n font-size: 18px;\n font-weight: 700;\n margin-bottom: 16px;\n }\n\n .contact-item {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 12px;\n }\n\n .contact-item:last-child {\n margin-bottom: 0;\n }\n\n .contact-item svg {\n width: 18px;\n height: 18px;\n opacity: 0.9;\n }\n\n .contact-item a {\n color: white;\n text-decoration: none;\n font-size: 14px;\n font-weight: 500;\n }\n\n .contact-item a:hover {\n text-decoration: underline;\n }\n\n \/* Success Message *\/\n .success-message {\n display: none;\n background: linear-gradient(135deg, #10B981 0%, #059669 100%);\n border-radius: 16px;\n padding: 40px;\n text-align: center;\n color: white;\n }\n\n .success-message.show {\n display: block;\n }\n\n .success-message svg {\n width: 60px;\n height: 60px;\n margin-bottom: 20px;\n }\n\n .success-message h3 {\n font-family: 'Rajdhani', sans-serif;\n font-size: 28px;\n font-weight: 700;\n margin-bottom: 12px;\n }\n\n .success-message p {\n font-size: 16px;\n opacity: 0.95;\n margin-bottom: 24px;\n }\n\n .success-message .btn-back {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 12px 24px;\n background: rgba(255, 255, 255, 0.2);\n border: 2px solid rgba(255, 255, 255, 0.4);\n border-radius: 10px;\n color: white;\n text-decoration: none;\n font-weight: 600;\n font-size: 14px;\n transition: all 0.2s;\n }\n\n .success-message .btn-back:hover {\n background: rgba(255, 255, 255, 0.3);\n }\n\n \/* Responsive *\/\n @media (max-width: 1024px) {\n .content-grid {\n grid-template-columns: 1fr;\n }\n\n .info-sidebar {\n position: static;\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 24px;\n }\n\n .info-card {\n margin-bottom: 0;\n }\n }\n\n @media (max-width: 768px) {\n .hero-title {\n font-size: 36px;\n }\n\n .form-card {\n padding: 24px;\n }\n\n .form-row {\n grid-template-columns: 1fr;\n }\n\n .info-sidebar {\n grid-template-columns: 1fr;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n <!-- Hero Section -->\n <section class=\"hero-section\">\n <div class=\"container\">\n <div class=\"hero-content\">\n <div class=\"hero-badge\">Formular de Retur<\/div>\n <h1 class=\"hero-title\">Returnare<\/h1>\n <p class=\"hero-subtitle\">Dac\u0103 ave\u0163i o problem\u0103 cu un produs comandat de la noi, care nu a fost rezolvat\u0103 de c\u0103tre Departamentul Tehnic sau de c\u0103tre Departamentul Vanz\u0103ri, ave\u021bi posibilitatea de a returna produsul. Primul pas este completarea acestui formular de retur.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Main Content Section -->\n <section class=\"main-content-section\">\n <div class=\"container\">\n <div class=\"content-grid\">\n\n <!-- Form -->\n <div class=\"form-card\" id=\"formCard\">\n <div class=\"form-card-header\">\n <h2 class=\"form-card-title\">Informa\u0163ii despre comand\u0103 \u0219i retur<\/h2>\n <p class=\"form-card-subtitle\">Formularul trebuie s\u0103 fie completat \u00een \u00eentregime \u0219i v\u0103 vom r\u0103spunde prin e-mail sau telefon \u00een termen de 3 zile lucr\u0103toare cu instruc\u021biunile de returnare.<\/p>\n <\/div>\n\n <form id=\"returnForm\" action=\"https:\/\/formsubmit.co\/office@ultramon.ro\" method=\"POST\">\n <!-- FormSubmit Configuration -->\n <input type=\"hidden\" name=\"_subject\" value=\"Cerere Retur Produs - Ultramon\">\n <input type=\"hidden\" name=\"_captcha\" value=\"false\">\n <input type=\"hidden\" name=\"_template\" value=\"table\">\n\n <!-- Date Client -->\n <div class=\"form-section\">\n <h3 class=\"form-section-title\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"><\/path>\n <circle cx=\"12\" cy=\"7\" r=\"4\"><\/circle>\n <\/svg>\n Date Client\n <\/h3>\n\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label for=\"lastName\">Nume <span class=\"required\">*<\/span><\/label>\n <input type=\"text\" id=\"lastName\" name=\"Nume\" placeholder=\"Introduce\u021bi numele\" required>\n <span class=\"error-message\">Acest c\u00e2mp este obligatoriu<\/span>\n <\/div>\n <div class=\"form-group\">\n <label for=\"firstName\">Prenume <span class=\"required\">*<\/span><\/label>\n <input type=\"text\" id=\"firstName\" name=\"Prenume\" placeholder=\"Introduce\u021bi prenumele\" required>\n <span class=\"error-message\">Acest c\u00e2mp este obligatoriu<\/span>\n <\/div>\n <\/div>\n\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label for=\"email\">E-mail <span class=\"required\">*<\/span><\/label>\n <input type=\"email\" id=\"email\" name=\"Email\" placeholder=\"exemplu@email.com\" required>\n <span class=\"error-message\">Introduce\u021bi o adres\u0103 de e-mail valid\u0103<\/span>\n <\/div>\n <div class=\"form-group\">\n <label for=\"phone\">Telefon <span class=\"required\">*<\/span><\/label>\n <input type=\"tel\" id=\"phone\" name=\"Telefon\" placeholder=\"07XX XXX XXX\" required>\n <span class=\"error-message\">Introduce\u021bi un num\u0103r de telefon valid<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Informa\u021bii Comand\u0103 -->\n <div class=\"form-section\">\n <h3 class=\"form-section-title\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <circle cx=\"9\" cy=\"21\" r=\"1\"><\/circle>\n <circle cx=\"20\" cy=\"21\" r=\"1\"><\/circle>\n <path d=\"M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6\"><\/path>\n <\/svg>\n Informa\u021bii Comand\u0103\n <\/h3>\n\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label for=\"orderNumber\">Num\u0103r Comand\u0103 <span class=\"required\">*<\/span><\/label>\n <input type=\"text\" id=\"orderNumber\" name=\"Numar_Comanda\" placeholder=\"Ex: #12345\" required>\n <span class=\"error-message\">Introduce\u021bi num\u0103rul comenzii<\/span>\n <\/div>\n <div class=\"form-group\">\n <label for=\"orderDate\">Data Comenzii <span class=\"required\">*<\/span><\/label>\n <input type=\"text\" id=\"orderDate\" name=\"Data_Comanda\" placeholder=\"zz\/ll\/aaaa\" maxlength=\"10\" required>\n <span class=\"error-message\">Introduce\u021bi data \u00een format zz\/ll\/aaaa<\/span>\n <\/div>\n <\/div>\n\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label for=\"invoiceNumber\">Num\u0103r Factur\u0103<\/label>\n <input type=\"text\" id=\"invoiceNumber\" name=\"Numar_Factura\" placeholder=\"Ex: ULT-2024-001\">\n <\/div>\n <div class=\"form-group\">\n <label for=\"invoiceDate\">Data Facturii<\/label>\n <input type=\"text\" id=\"invoiceDate\" name=\"Data_Factura\" placeholder=\"zz\/ll\/aaaa\" maxlength=\"10\">\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Produs Returnat -->\n <div class=\"form-section\">\n <h3 class=\"form-section-title\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path>\n <polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"><\/polyline>\n <line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"><\/line>\n <\/svg>\n Produs Returnat\n <\/h3>\n\n <div class=\"form-row full\">\n <div class=\"form-group\">\n <label for=\"productName\">Denumire Produs <span class=\"required\">*<\/span><\/label>\n <input type=\"text\" id=\"productName\" name=\"Denumire_Produs\" placeholder=\"Introduce\u021bi denumirea produsului\" required>\n <span class=\"error-message\">Introduce\u021bi denumirea produsului<\/span>\n <\/div>\n <\/div>\n\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label for=\"productCode\">Cod Produs \/ SKU<\/label>\n <input type=\"text\" id=\"productCode\" name=\"Cod_Produs\" placeholder=\"Ex: ULT-001\">\n <\/div>\n <div class=\"form-group\">\n <label for=\"quantity\">Cantitate <span class=\"required\">*<\/span><\/label>\n <input type=\"number\" id=\"quantity\" name=\"Cantitate\" min=\"1\" value=\"1\" required>\n <span class=\"error-message\">Introduce\u021bi cantitatea<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Motiv Retur -->\n <div class=\"form-section\">\n <h3 class=\"form-section-title\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"1 4 1 10 7 10\"><\/polyline>\n <path d=\"M3.51 15a9 9 0 1 0 2.13-9.36L1 10\"><\/path>\n <\/svg>\n Motiv Retur\n <\/h3>\n\n <div class=\"form-row full\">\n <div class=\"form-group\">\n <label for=\"returnReason\">Motiv Returnare <span class=\"required\">*<\/span><\/label>\n <select id=\"returnReason\" name=\"Motiv_Returnare\" required>\n <option value=\"\">Selecta\u021bi motivul return\u0103rii<\/option>\n <option value=\"Produs defect\">Produs defect \/ Nu func\u021bioneaz\u0103<\/option>\n <option value=\"Produs deteriorat la livrare\">Produs deteriorat la livrare<\/option>\n <option value=\"Produs incomplet\">Produs incomplet \/ Lipsesc componente<\/option>\n <option value=\"Produs diferit de descriere\">Produsul nu corespunde descrierii<\/option>\n <option value=\"Produs gresit livrat\">Am primit alt produs dec\u00e2t cel comandat<\/option>\n <option value=\"Nu mai am nevoie\">Nu mai am nevoie de produs<\/option>\n <option value=\"Am comandat din greseala\">Am comandat din gre\u0219eal\u0103<\/option>\n <option value=\"Alt motiv\">Alt motiv<\/option>\n <\/select>\n <span class=\"error-message\">Selecta\u021bi motivul return\u0103rii<\/span>\n <\/div>\n <\/div>\n\n <div class=\"form-row full\">\n <div class=\"form-group\">\n <label for=\"returnAction\">Solicitare <span class=\"required\">*<\/span><\/label>\n <select id=\"returnAction\" name=\"Solicitare\" required>\n <option value=\"\">Ce dori\u021bi s\u0103 face\u021bi?<\/option>\n <option value=\"Inlocuire produs\">\u00cenlocuirea produsului<\/option>\n <option value=\"Returnare bani\">Returnarea banilor<\/option>\n <\/select>\n <span class=\"error-message\">Selecta\u021bi ce dori\u021bi s\u0103 face\u021bi<\/span>\n <\/div>\n <\/div>\n\n <div class=\"form-row full\">\n <div class=\"form-group\">\n <label for=\"description\">Descriere Problem\u0103 <span class=\"required\">*<\/span><\/label>\n <textarea id=\"description\" name=\"Descriere_Problema\" placeholder=\"Descrie\u021bi \u00een detaliu problema \u00eent\u00e2mpinat\u0103 cu produsul...\" required><\/textarea>\n <span class=\"error-message\">Descrie\u021bi problema \u00eent\u00e2mpinat\u0103<\/span>\n <\/div>\n <\/div>\n\n <div class=\"form-row full\">\n <div class=\"form-group\">\n <label for=\"bankAccount\">Cont Bancar IBAN (pentru returnare bani)<\/label>\n <input type=\"text\" id=\"bankAccount\" name=\"Cont_Bancar_IBAN\" placeholder=\"RO00 XXXX 0000 0000 0000 0000\">\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Checkbox -->\n <div class=\"checkbox-group\">\n <input type=\"checkbox\" id=\"agreeTerms\" name=\"Accept_Termeni\" value=\"Da\" required>\n <label for=\"agreeTerms\">\n Am citit \u0219i sunt de acord cu <a href=\"ultramon-terms-conditions.html\" target=\"_blank\">Termenii \u0219i Condi\u021biile<\/a> \u0219i <a href=\"ultramon-order-return.html\" target=\"_blank\">Politica de Retur<\/a>. <span class=\"required\">*<\/span>\n <\/label>\n <\/div>\n\n <button type=\"submit\" class=\"submit-btn\" id=\"submitBtn\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"><\/line>\n <polygon points=\"22 2 15 22 11 13 2 9 22 2\"><\/polygon>\n <\/svg>\n Trimite Cererea de Retur\n <\/button>\n <\/form>\n\n <!-- Success Message -->\n <div class=\"success-message\" id=\"successMessage\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path>\n <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline>\n <\/svg>\n <h3>Cererea a fost trimis\u0103!<\/h3>\n <p>V\u0103 vom contacta \u00een termen de 3 zile lucr\u0103toare cu instruc\u021biunile de returnare.<\/p>\n <a href=\"\/\" class=\"btn-back\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" width=\"16\" height=\"16\">\n <line x1=\"19\" y1=\"12\" x2=\"5\" y2=\"12\"><\/line>\n <polyline points=\"12 19 5 12 12 5\"><\/polyline>\n <\/svg>\n \u00cenapoi la Pagina Principal\u0103\n <\/a>\n <\/div>\n <\/div>\n\n <!-- Info Sidebar -->\n <div class=\"info-sidebar\">\n <div class=\"info-card\">\n <div class=\"info-card-header\">\n <div class=\"info-card-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"><\/line>\n <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"><\/line>\n <\/svg>\n <\/div>\n <h3 class=\"info-card-title\">Informa\u021bii Importante<\/h3>\n <\/div>\n <ul class=\"info-list\">\n <li>\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n <\/svg>\n Produsele trebuie returnate \u00een ambalajul original\n <\/li>\n <li>\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n <\/svg>\n Termenul de retur este de 14 zile calendaristice\n <\/li>\n <li>\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n <\/svg>\n P\u0103stra\u021bi factura \u0219i certificatul de garan\u021bie\n <\/li>\n <li>\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n <\/svg>\n Produsele sigilate trebuie s\u0103 aib\u0103 sigiliul intact\n <\/li>\n <\/ul>\n <\/div>\n\n <div class=\"info-card\">\n <div class=\"info-card-header\">\n <div class=\"info-card-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <polyline points=\"12 6 12 12 16 14\"><\/polyline>\n <\/svg>\n <\/div>\n <h3 class=\"info-card-title\">Procesul de Retur<\/h3>\n <\/div>\n <ul class=\"info-list\">\n <li>\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"><\/line>\n <line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"><\/line>\n <\/svg>\n 1. Completa\u021bi formularul de retur\n <\/li>\n <li>\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"><\/line>\n <line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"><\/line>\n <\/svg>\n 2. A\u0219tepta\u021bi confirmarea noastr\u0103 (max. 3 zile)\n <\/li>\n <li>\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"><\/line>\n <line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"><\/line>\n <\/svg>\n 3. Expedia\u021bi produsul conform instruc\u021biunilor\n <\/li>\n <li>\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"><\/line>\n <line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"><\/line>\n <\/svg>\n 4. Restituire \u00een max. 14 zile de la primire\n <\/li>\n <\/ul>\n <\/div>\n\n <div class=\"info-card\">\n <div class=\"contact-box\">\n <h4>Ave\u021bi \u00eentreb\u0103ri?<\/h4>\n <div class=\"contact-item\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path>\n <\/svg>\n <a href=\"tel:0241630700\">0241 630 700<\/a>\n <\/div>\n <div class=\"contact-item\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path>\n <\/svg>\n <a href=\"tel:0751274444\">0751 274 444<\/a>\n <\/div>\n <div class=\"contact-item\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path>\n <polyline points=\"22,6 12,13 2,6\"><\/polyline>\n <\/svg>\n <a href=\"mailto:office@ultramon.ro\">office@ultramon.ro<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n <script>\n \/\/ Form validation and submission\n const form = document.getElementById('returnForm');\n const submitBtn = document.getElementById('submitBtn');\n const formCard = document.getElementById('formCard');\n const successMessage = document.getElementById('successMessage');\n\n \/\/ Date validation function\n function isValidDate(dateString) {\n if (!dateString || dateString.length !== 10) return false;\n const parts = dateString.split('\/');\n if (parts.length !== 3) return false;\n\n const day = parseInt(parts[0], 10);\n const month = parseInt(parts[1], 10);\n const year = parseInt(parts[2], 10);\n\n if (isNaN(day) || isNaN(month) || isNaN(year)) return false;\n if (month < 1 || month > 12) return false;\n if (day < 1 || day > 31) return false;\n if (year < 2000 || year > 2100) return false;\n\n return true;\n }\n\n \/\/ Form validation\n form.addEventListener('submit', function(e) {\n let isValid = true;\n const requiredFields = form.querySelectorAll('[required]');\n\n requiredFields.forEach(field => {\n const formGroup = field.closest('.form-group') || field.closest('.checkbox-group');\n\n if (!field.value.trim() || (field.type === 'checkbox' && !field.checked)) {\n if (formGroup) {\n formGroup.classList.add('error');\n }\n isValid = false;\n } else {\n if (formGroup) {\n formGroup.classList.remove('error');\n }\n }\n\n \/\/ Email validation\n if (field.type === 'email' && field.value) {\n const emailRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\n if (!emailRegex.test(field.value)) {\n if (formGroup) {\n formGroup.classList.add('error');\n }\n isValid = false;\n }\n }\n\n \/\/ Date validation (dd\/mm\/yyyy)\n if (field.id === 'orderDate' && field.value) {\n if (!isValidDate(field.value)) {\n if (formGroup) {\n formGroup.classList.add('error');\n }\n isValid = false;\n }\n }\n\n if (field.id === 'invoiceDate' && field.value) {\n if (!isValidDate(field.value)) {\n if (formGroup) {\n formGroup.classList.add('error');\n }\n isValid = false;\n }\n }\n });\n\n if (!isValid) {\n e.preventDefault();\n \/\/ Scroll to first error\n const firstError = form.querySelector('.form-group.error');\n if (firstError) {\n firstError.scrollIntoView({ behavior: 'smooth', block: 'center' });\n }\n } else {\n e.preventDefault();\n submitBtn.disabled = true;\n submitBtn.innerHTML = `\n <svg class=\"spinner\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"10\" stroke-dasharray=\"60\" stroke-dashoffset=\"20\"><\/circle>\n <\/svg>\n Se trimite...\n `;\n\n \/\/ Submit form via AJAX\n const formData = new FormData(form);\n fetch(form.action, {\n method: 'POST',\n body: formData,\n headers: {\n 'Accept': 'application\/json'\n }\n })\n .then(response => {\n if (response.ok) {\n \/\/ Show success message\n form.style.display = 'none';\n document.querySelector('.form-card-header').style.display = 'none';\n successMessage.classList.add('show');\n \/\/ Scroll to top of form card\n formCard.scrollIntoView({ behavior: 'smooth', block: 'start' });\n } else {\n throw new Error('Eroare la trimitere');\n }\n })\n .catch(error => {\n alert('A ap\u0103rut o eroare. V\u0103 rug\u0103m \u00eencerca\u021bi din nou.');\n submitBtn.disabled = false;\n submitBtn.innerHTML = `\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"><\/line>\n <polygon points=\"22 2 15 22 11 13 2 9 22 2\"><\/polygon>\n <\/svg>\n Trimite Cererea de Retur\n `;\n });\n }\n });\n\n \/\/ Clear error on input\n form.querySelectorAll('input, select, textarea').forEach(field => {\n field.addEventListener('input', function() {\n const formGroup = this.closest('.form-group');\n if (formGroup) {\n formGroup.classList.remove('error');\n }\n });\n });\n\n \/\/ Date formatting (dd\/mm\/yyyy)\n const dateInputs = document.querySelectorAll('#orderDate, #invoiceDate');\n dateInputs.forEach(input => {\n input.addEventListener('input', function(e) {\n let value = this.value.replace(\/\\D\/g, '');\n let formattedValue = '';\n\n if (value.length > 0) {\n formattedValue = value.substring(0, 2);\n }\n if (value.length > 2) {\n formattedValue += '\/' + value.substring(2, 4);\n }\n if (value.length > 4) {\n formattedValue += '\/' + value.substring(4, 8);\n }\n\n this.value = formattedValue;\n });\n\n input.addEventListener('keydown', function(e) {\n \/\/ Allow backspace, delete, tab, escape, enter\n if ([8, 9, 27, 13, 46].indexOf(e.keyCode) !== -1 ||\n \/\/ Allow Ctrl+A, Ctrl+C, Ctrl+V, Ctrl+X\n (e.keyCode === 65 && e.ctrlKey === true) ||\n (e.keyCode === 67 && e.ctrlKey === true) ||\n (e.keyCode === 86 && e.ctrlKey === true) ||\n (e.keyCode === 88 && e.ctrlKey === true) ||\n \/\/ Allow home, end, left, right\n (e.keyCode >= 35 && e.keyCode <= 39)) {\n return;\n }\n \/\/ Block non-numeric keys\n if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105)) {\n e.preventDefault();\n }\n });\n });\n\n form.querySelectorAll('input[type=\"checkbox\"]').forEach(field => {\n field.addEventListener('change', function() {\n const checkboxGroup = this.closest('.checkbox-group');\n if (checkboxGroup && this.checked) {\n checkboxGroup.classList.remove('error');\n }\n });\n });\n <\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Returnare – ULTRAMON Formular de Retur Returnare Dac\u0103 ave\u0163i o problem\u0103 cu un produs comandat de la noi, care nu a fost rezolvat\u0103 de c\u0103tre Departamentul Tehnic sau de c\u0103tre Departamentul Vanz\u0103ri, ave\u021bi posibilitatea de a returna produsul. Primul pas este completarea acestui formular de retur. Informa\u0163ii despre comand\u0103 \u0219i retur Formularul trebuie s\u0103 fie […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2473","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ultramon.ro\/en\/wp-json\/wp\/v2\/pages\/2473","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ultramon.ro\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ultramon.ro\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ultramon.ro\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ultramon.ro\/en\/wp-json\/wp\/v2\/comments?post=2473"}],"version-history":[{"count":0,"href":"https:\/\/ultramon.ro\/en\/wp-json\/wp\/v2\/pages\/2473\/revisions"}],"wp:attachment":[{"href":"https:\/\/ultramon.ro\/en\/wp-json\/wp\/v2\/media?parent=2473"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}