/* SK Motors – Fahrzeugankauf | gescoped unter .ska | Schrift: Poppins */
.ska{
  --ska-accent:#ff3d00;
  --ska-bg:#141414;
  --ska-line:rgba(255,255,255,.14);
  --ska-input:rgba(255,255,255,.06);
  --ska-input-focus:rgba(255,255,255,.11);
  --ska-text:#f4f4f4;
  --ska-mut:#9a9a9a;
  --ska-dim:#6e6e6e;
  font-family:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  color:var(--ska-text);
  width:100%;
  max-width:1320px;
  margin-left:auto;
  margin-right:auto;
}
.ska *{box-sizing:border-box;font-family:'Poppins',sans-serif;}
.ska-form{
  background:var(--ska-bg);
  border:1px solid var(--ska-line);
  border-radius:18px;
  padding:40px;
}
.ska-hp{position:absolute !important;left:-9999px !important;width:1px;height:1px;overflow:hidden;}

.ska-section{
  font-weight:700;
  font-size:.8rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--ska-accent);
  padding-bottom:12px;
  margin:8px 0 18px;
  border-bottom:1px solid var(--ska-line);
}
.ska-section:not(:first-of-type){margin-top:34px;}

.ska-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 22px;}
.ska-field{margin-bottom:0;}
.ska-full{margin-top:22px;}
.ska-col-full{grid-column:1 / -1;}

.ska label{
  display:block;
  font-weight:600;
  font-size:.74rem;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:var(--ska-mut);
  margin-bottom:8px;
}
.ska-req{color:var(--ska-accent);}
.ska-opt{color:var(--ska-dim);text-transform:none;letter-spacing:0;font-weight:500;}

.ska input[type=text],
.ska input[type=tel],
.ska input[type=email],
.ska input[type=number],
.ska select,
.ska textarea{
  width:100% !important;
  background:var(--ska-input) !important;
  border:1px solid var(--ska-line) !important;
  border-radius:10px !important;
  padding:13px 15px !important;
  color:var(--ska-text) !important;
  font-family:'Poppins',sans-serif !important;
  font-size:1rem !important;
  line-height:1.3 !important;
  transition:.2s;box-shadow:none !important;
}
.ska input::placeholder,.ska textarea::placeholder{color:var(--ska-dim) !important;}
.ska input:focus,.ska select:focus,.ska textarea:focus{
  outline:none !important;border-color:var(--ska-accent) !important;background:var(--ska-input-focus) !important;
}
.ska select{
  appearance:none;-webkit-appearance:none;
  background-image:linear-gradient(45deg,transparent 50%,var(--ska-mut) 50%),linear-gradient(135deg,var(--ska-mut) 50%,transparent 50%);
  background-position:calc(100% - 20px) 19px,calc(100% - 14px) 19px;background-size:6px 6px,6px 6px;background-repeat:no-repeat;
}
.ska textarea{resize:vertical;min-height:110px;}

/* Dropzone */
.ska-drop{
  border:1.5px dashed var(--ska-line);
  border-radius:12px;
  padding:30px 20px;text-align:center;cursor:pointer;
  transition:.2s;background:var(--ska-input);color:var(--ska-mut);
}
.ska-drop:hover,.ska-drop.drag{border-color:var(--ska-accent);color:var(--ska-text);background:var(--ska-input-focus);}
.ska-drop:focus{outline:none;border-color:var(--ska-accent);}
.ska-drop-inner p{margin:10px 0 4px;font-size:.95rem;}
.ska-drop-inner strong{color:var(--ska-text);}
.ska-drop-hint{font-size:.78rem;color:var(--ska-dim);}

.ska-previews{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;}
.ska-thumb{position:relative;width:92px;height:70px;border-radius:8px;overflow:hidden;border:1px solid var(--ska-line);}
.ska-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.ska-thumb button{
  position:absolute;top:3px;right:3px;width:22px;height:22px;border:none;border-radius:50%;
  background:rgba(0,0,0,.7);color:#fff;cursor:pointer;font-size:14px;line-height:1;display:grid;place-items:center;
}
.ska-thumb button:hover{background:var(--ska-accent);}
.ska-upload-msg{font-size:.82rem;color:var(--ska-accent);margin:8px 0 0;min-height:1em;}

/* Checkbox */
.ska-check{margin-top:20px;}
.ska-checkbox{display:flex;gap:12px;align-items:flex-start;text-transform:none;letter-spacing:0;color:var(--ska-mut);font-weight:400;font-size:.9rem;cursor:pointer;}
.ska-checkbox input{margin-top:3px;width:18px;height:18px;accent-color:var(--ska-accent);flex:none;}

.ska-btn{
  width:100%;display:inline-flex;align-items:center;justify-content:center;
  font-family:'Poppins',sans-serif;font-weight:600;font-size:1rem;
  padding:17px 24px;border-radius:999px;border:1px solid transparent;cursor:pointer;
  transition:.25s ease;margin-top:26px;
}
.ska-submit{background:var(--ska-accent);color:#fff;}
.ska-submit:hover{filter:brightness(1.08);}
.ska-submit:disabled{opacity:.6;cursor:default;}

.ska-success{
  background:var(--ska-bg);border:1px solid var(--ska-line);border-radius:18px;
  padding:56px 30px;text-align:center;max-width:560px;margin:0 auto;
}
.ska-ic{width:64px;height:64px;border-radius:50%;background:var(--ska-accent);color:#fff;display:grid;place-items:center;font-size:2rem;font-weight:700;margin:0 auto 22px;}
.ska-success h3{font-weight:700 !important;font-size:1.5rem !important;margin:0 0 10px !important;color:var(--ska-text) !important;}
.ska-success p{color:var(--ska-mut) !important;margin:0 auto !important;max-width:420px;}
.ska-again{display:inline-flex;align-items:center;justify-content:center;font-family:'Poppins',sans-serif;font-weight:600;font-size:.95rem;padding:13px 28px;border-radius:999px;cursor:pointer;background:transparent;color:var(--ska-text);border:1px solid var(--ska-accent);margin-top:24px;transition:.25s ease;}
.ska-again:hover{background:var(--ska-accent);color:#fff;}

@media (max-width:1080px){
  .ska-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:680px){
  .ska-form{padding:26px;}
  .ska-grid{grid-template-columns:1fr;}
}