Contact information
Contact
Ai întrebări, ai nevoie de ajutor cu o comandă sau dorești mai multe informații?
Echipa noastră de asistență clienți este aici pentru tine! Răspundem în mai puțin de 24 de ore lucrătoare.
Nume
E-mail
Număr de telefon
Mesaj
Trimite
✓ Mesajul tău a fost trimis cu succes! Îți vom răspunde cât mai curând.
:root{ --bg:#f7f8fb; --card:#ffffff; --ink:#111318; --muted:#636b74; --accent:#2f7d32; /* verde sobrio */ --accent-ink:#fff; --ring:#9fd3a1; --border:#e6e9ef; --shadow:0 10px 24px rgba(18, 32, 56, .08); --radius:14px; } .contact-wrap{ max-width: 720px; margin: 0 auto; padding: 16px; color: var(--ink); font-family: system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; } .contact-wrap h2{ margin: 8px 0 6px; font-size: 28px; } .contact-wrap p{ color: var(--muted); line-height: 1.55; } .card{ background: var(--card); border: 1px solid var(--border); border-radius: var(--radius); padding: 18px; margin-top: 12px; box-shadow: var(--shadow); } .field{ display: grid; gap: 6px; margin-bottom: 14px; } label{ font-size: 13px; color: var(--muted); } input, textarea{ width: 100%; border: 1px solid var(--border); border-radius: 12px; background: #fff; padding: 12px 14px; font-size: 15px; transition: border-color .2s, box-shadow .2s, transform .03s; } input:focus, textarea:focus{ outline: none; border-color: var(--ring); box-shadow: 0 0 0 4px rgba(159, 211, 161, .25); transform: translateY(-1px); } input::placeholder, textarea::placeholder{ color: #9aa3ad; } .btn{ appearance: none; border: 0; background: var(--accent); color: var(--accent-ink); padding: 12px 16px; border-radius: 12px; font-weight: 600; font-size: 15px; cursor: pointer; transition: transform .08s ease, box-shadow .2s ease, background .2s ease; box-shadow: 0 8px 20px rgba(47, 125, 50, .25); } .btn:hover{ transform: translateY(-1px); } .btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(47,125,50,.22); } .btn[disabled]{ opacity: .7; cursor: not-allowed; } .success{ display: flex; align-items: center; gap: 8px; margin: 12px 0 0; padding: 12px 14px; background: #f1fbf2; border: 1px solid var(--ring); border-radius: 10px; color: #1b5e20; font-weight: 600; animation: pop .24s ease-out; } .check{ display:inline-grid; place-items:center; width: 22px; height: 22px; border-radius: 999px; background: var(--accent); color:#fff; font-weight:700; } @keyframes pop{ from{ transform: scale(.98); opacity: .0 } to{ transform: scale(1); opacity:1 } } /* Mobile nicety */ @media (max-width: 480px){ .contact-wrap{ padding: 12px; } .card{ padding: 14px; } }