/* Reset (małe) */
.hns-order-wrap { max-width: 1100px; margin: 36px auto; font-family: "Inter", Roboto, Arial, sans-serif; color:#222; }
.hns-form { background:#fff; padding:18px; border-radius:10px; box-shadow:0 6px 22px rgba(15,23,42,0.06); }
.hns-form-header { margin-bottom:18px; }
.hns-title { margin:0; font-size:28px; font-weight:700; color:#0f172a; }
.hns-sub { margin:6px 0 0; color:#6b7280; }

/* grid */
.hns-grid { display:grid; grid-template-columns: 1fr 360px; gap:18px; align-items:start; }
@media (max-width:900px){ .hns-grid{ grid-template-columns:1fr; } }

/* card */
.hns-card { background:#fbfdff; padding:16px; border-radius:8px; border:1px solid #eef2f6; }
.hns-card h3 { margin:0 0 10px; font-size:16px; color:#0f172a; }

/* inputs */
label { display:block; margin-bottom:10px; font-size:14px; color:#333; }
input[type="text"], input[type="email"], input[type="number"], select {
  width:100%; padding:10px 12px; border:1px solid #e6e9ef; border-radius:8px; background:#fff; box-sizing:border-box;
  transition:box-shadow .12s, border-color .12s;
}
input[type="text"]:focus, input[type="email"]:focus, select:focus { outline:none; border-color:#60a5fa; box-shadow:0 0 0 4px rgba(96,165,250,0.08); }

/* details list */
.hns-details { margin-top:18px; }
.hns-item { border:1px solid #e6eef7; padding:12px; border-radius:8px; background:#fff; margin-bottom:12px; display:block; }
.hns-item h4 { margin:0 0 8px; font-weight:600; }

/* buttons */
.hns-btn { display:inline-block; padding:10px 14px; border-radius:8px; border:1px solid transparent; background:#f1f5f9; color:#111827; cursor:pointer; }
.hns-btn-primary { background:#0ea5a5; color:#fff; box-shadow:0 6px 18px rgba(14,165,165,0.12); }
.hns-btn:active{ transform:translateY(1px); }

/* small */
.hns-add-wrap { margin-top:8px; }
.hns-message { margin-top:8px; font-weight:600; color:#065f46; }

/* remove btn */
.hns-remove-item { background:#fee2e2; color:#b91c1c; border-radius:8px; padding:6px 10px; border:1px solid #fecaca; }