/* ===== Skinaa Appointment Form (scoped to .skinaa-appt) ===== */
.skinaa-appt{
  --skinaa-accent:#9c1d2c;
  box-sizing:border-box;
  padding:30px;
  background:#f5f5f5;
  font-family:Arial,Helvetica,sans-serif;
}
.skinaa-appt *{box-sizing:border-box;}

.skinaa-appt .skinaa-appt-card{
  max-width:1100px;margin:auto;padding:60px 25px;
  background:#faf8f8;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.05);
}

.skinaa-appt .skinaa-appt-head{text-align:center;margin-bottom:40px;}
.skinaa-appt .skinaa-appt-head h2{margin:0;font-size:34px;color:#222;line-height:1.2;}
.skinaa-appt .skinaa-appt-rule{display:block;width:80px;height:3px;background:var(--skinaa-accent);margin:18px auto;}
.skinaa-appt .skinaa-appt-head p{color:#666;max-width:700px;margin:auto;line-height:1.5;}

.skinaa-appt .skinaa-appt-row{display:flex;flex-wrap:wrap;gap:20px;}
.skinaa-appt .skinaa-appt-field{flex:1;min-width:250px;}
.skinaa-appt .skinaa-appt-full{margin-top:20px;}

.skinaa-appt label{display:block;margin-bottom:6px;font-size:14px;color:#333;}
.skinaa-appt input,
.skinaa-appt select{
  width:100%;padding:14px;border:1px solid #ddd;border-radius:6px;
  font-size:15px;background:#fff;color:#222;
}
.skinaa-appt input:focus,
.skinaa-appt select:focus{outline:none;border-color:var(--skinaa-accent);box-shadow:0 0 0 3px rgba(156,29,44,.12);}

.skinaa-appt .skinaa-appt-actions{text-align:center;margin-top:30px;}
.skinaa-appt .skinaa-appt-submit{
  background:var(--skinaa-accent);color:#fff;padding:15px 45px;border:none;border-radius:6px;
  cursor:pointer;font-size:16px;transition:filter .2s ease,transform .2s ease;
}
.skinaa-appt .skinaa-appt-submit:hover{filter:brightness(1.08);transform:translateY(-1px);}
.skinaa-appt .skinaa-appt-submit:disabled{opacity:.7;cursor:default;transform:none;}

.skinaa-appt .skinaa-appt-msg{margin-top:20px;text-align:center;font-weight:bold;}
.skinaa-appt .skinaa-appt-msg.is-success{color:#1a7d34;}
.skinaa-appt .skinaa-appt-msg.is-error{color:#c0392b;}

@media (max-width:600px){
  .skinaa-appt{padding:16px;}
  .skinaa-appt .skinaa-appt-card{padding:36px 18px;}
  .skinaa-appt .skinaa-appt-head h2{font-size:28px;}
}