/* =========================================================
CONTACT.CSS - Sauber neu
========================================================= */
.contact{background:#050505;color:#fff;padding:95px 7vw}
.contact-premium{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:.82fr 1.18fr;gap:78px;align-items:center}
.contact-copy h2{font-size:clamp(42px,5vw,70px);line-height:1.02;letter-spacing:-2px;margin:14px 0 20px}
.contact-copy>p{max-width:640px;color:#fff;font-size:20px;line-height:1.65}
.contact-methods{margin-top:36px;display:grid;gap:22px}
.contact-methods a,.contact-methods>div{display:grid;grid-template-columns:64px minmax(0,1fr);gap:18px;align-items:center;color:#fff}
.contact-methods i{width:64px;height:64px;border-radius:12px;background:#b50819;color:#fff;display:grid;place-items:center;font-size:25px}
.contact-methods strong{display:block;color:#fff;font-size:21px;font-weight:950;line-height:1.25;word-break:break-word}
.contact-methods small{display:block;margin-top:4px;color:#bfc3cc;font-size:14px;line-height:1.35}

.form-dark{width:100%;max-width:760px;background:#151519;border:1px solid rgba(255,255,255,.15);border-radius:22px;padding:34px 38px;display:grid;gap:14px;box-shadow:0 24px 70px rgba(0,0,0,.28)}
.form-dark h3{margin:0 0 8px;color:#fff;font-size:30px;letter-spacing:-.6px}
.form-hint{margin:-2px 0 8px;color:#cfcfcf;font-size:14px;line-height:1.5}
.form-error-summary{display:none;background:rgba(225,6,0,.12);border:1px solid rgba(225,6,0,.45);color:#fff;border-radius:12px;padding:12px 14px;font-size:14px;line-height:1.45}
.form-error-summary.show{display:block}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.form-full{grid-column:1/-1}
.field-wrap{display:grid;gap:6px}
.form-dark label{color:#aeb4c2;font-size:12px;font-weight:950;letter-spacing:2px;text-transform:uppercase}
.form-dark input,.form-dark textarea,.form-dark select{width:100%;background:#29292c;border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:15px 17px;color:#fff;font-size:16px;outline:none;transition:.22s}
.form-dark textarea{min-height:126px;resize:vertical}
.form-dark input::placeholder,.form-dark textarea::placeholder{color:#9b9b9b}
.form-dark input:focus,.form-dark textarea:focus,.form-dark select:focus{border-color:#e10600;box-shadow:0 0 0 3px rgba(225,6,0,.18)}
.field-error{display:none;color:#ff8b8b;font-size:12px;line-height:1.35;text-transform:none;letter-spacing:0}
.field-wrap.has-error .field-error{display:block}
.field-wrap.has-error input,.field-wrap.has-error textarea,.field-wrap.has-error select{border-color:#ff3b3b!important;box-shadow:0 0 0 3px rgba(225,6,0,.18)!important}

.upload-box{display:grid;gap:9px;background:rgba(255,255,255,.04);border:1px dashed rgba(255,255,255,.22);border-radius:14px;padding:14px 16px}
.upload-box label{color:#fff!important;text-transform:none!important;letter-spacing:0!important;font-size:15px!important}
.upload-box label span{color:#aaa;font-weight:600}
.upload-box small{color:#aaa;line-height:1.45;font-size:13px}
.file-input{padding:12px!important;background:#202023!important;color:#d8d8d8!important;cursor:pointer}
.file-input::file-selector-button{border:0;border-radius:999px;background:#e10600;color:#fff;font-weight:900;padding:10px 14px;margin-right:12px;cursor:pointer}
.upload-preview{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.upload-preview img{width:70px;height:70px;object-fit:cover;border-radius:10px;border:1px solid rgba(255,255,255,.18)}

.privacy-check{display:grid!important;grid-template-columns:18px minmax(0,1fr)!important;gap:12px!important;align-items:start!important;padding:0!important}
.privacy-check input[type="checkbox"]{width:16px!important;height:16px!important;min-width:16px!important;max-width:16px!important;margin:3px 0 0 0!important;padding:0!important;transform:none!important;accent-color:#e10600!important}
.privacy-check span{display:block!important;font-size:13px!important;line-height:1.45!important;color:#e8e8e8!important;min-width:0!important;text-transform:none!important;letter-spacing:0!important;font-weight:700!important}
.privacy-check .field-error{grid-column:2!important}
.hp-field{display:none!important}
.form-dark .btn{width:100%;margin-top:4px;border:0;cursor:pointer}

body.light .form-dark{background:#fff;color:#111;border-color:#ddd}
body.light .form-dark h3{color:#111}
body.light .form-hint{color:#555}
body.light .form-dark label{color:#5f6674}
body.light .form-dark input,body.light .form-dark textarea,body.light .form-dark select{background:#fff!important;color:#111!important;border-color:#d8d8d8!important}
body.light .form-dark input::placeholder,body.light .form-dark textarea::placeholder{color:#8a8a8a!important}
body.light .form-dark select option,body.light .form-dark select optgroup{background:#fff!important;color:#111!important}
body.light .form-dark select:invalid{color:#777!important}
body.light .upload-box{background:#f7f7f7;border-color:#d6d6d6}
body.light .upload-box label{color:#111!important}
body.light .upload-box small{color:#666}
body.light .file-input{background:#fff!important;color:#111!important;border-color:#d8d8d8!important}
body.light .privacy-check span{color:#333!important}

@media(max-width:1000px){.contact-premium{grid-template-columns:1fr;gap:48px}.form-dark{max-width:none}}
@media(max-width:760px){
  .contact{padding:72px 24px}.contact-copy h2{font-size:42px}.contact-copy>p{font-size:17px}
  .contact-methods a,.contact-methods>div{grid-template-columns:54px minmax(0,1fr);gap:14px}
  .contact-methods i{width:54px;height:54px;font-size:22px}.contact-methods strong{font-size:18px}
  .form-dark{padding:22px;gap:13px}.form-dark h3{font-size:30px;margin-bottom:2px}.form-hint{font-size:13px;line-height:1.45}
  .form-row{grid-template-columns:1fr;gap:13px}
  .form-dark input,.form-dark textarea,.form-dark select{font-size:15px;padding:14px 15px}.form-dark textarea{min-height:128px}
  .upload-box{padding:14px;border-radius:14px}.upload-box label{font-size:16px!important}.file-input{font-size:14px!important}
  .file-input::file-selector-button{padding:9px 12px!important;margin-right:8px!important}
  .privacy-check{grid-template-columns:16px minmax(0,1fr)!important;gap:10px!important;margin-top:4px!important}
  .privacy-check input[type="checkbox"]{width:14px!important;height:14px!important;min-width:14px!important;max-width:14px!important;margin:4px 0 0 0!important}
  .privacy-check span{font-size:12.5px!important;line-height:1.42!important}
}