/* 恆準定位 — 站內詢問表單
   contact.html / en/contact.html 專用。沿用 .p2lp 的色票變數。 */

.p2form{background:#fff;border:1px solid var(--line);border-radius:12px;padding:26px 26px 24px}
.p2form .row{margin:0 0 18px}
.p2form .row:last-of-type{margin-bottom:0}
.p2form label.q{display:block;color:var(--navy);font-weight:700;font-size:15.5px;margin:0 0 9px}
.p2form label.q .req{color:var(--red);margin-left:5px;font-weight:800}
.p2form .hint{color:var(--muted);font-size:13.5px;margin:-4px 0 9px}

.p2form input[type=text],
.p2form input[type=email],
.p2form input[type=tel],
.p2form select,
.p2form textarea{
  width:100%;border:1px solid var(--line);border-radius:9px;padding:11px 13px;
  font-family:inherit;font-size:15.5px;color:var(--ink);background:#fff;line-height:1.6}
.p2form textarea{min-height:120px;resize:vertical}
.p2form input:focus,.p2form select:focus,.p2form textarea:focus{
  outline:0;border-color:var(--navy);box-shadow:0 0 0 3px rgba(22,48,92,.10)}
.p2form input[aria-invalid=true],
.p2form select[aria-invalid=true],
.p2form textarea[aria-invalid=true]{border-color:var(--red);box-shadow:0 0 0 3px rgba(204,17,34,.10)}

.p2form .opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:9px}
.p2form .opts label{display:flex;align-items:flex-start;gap:9px;background:var(--bg);
  border:1px solid var(--line);border-radius:9px;padding:10px 12px;cursor:pointer;
  font-size:14.5px;color:var(--ink);line-height:1.5}
.p2form .opts label:hover{border-color:var(--navy)}
.p2form .opts input{margin:3px 0 0;flex:0 0 auto;accent-color:var(--navy)}
.p2form .opts input:checked+span{color:var(--navy);font-weight:700}

/* 蜜罐:不用 display:none,部分機器人會偵測 */
.p2form .p2hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}

.p2form .err{display:none;color:var(--red);font-size:14px;margin:6px 0 0}
.p2form .err.on{display:block}

.p2form .foot{display:flex;align-items:center;gap:16px;flex-wrap:wrap;
  margin:24px 0 0;padding:20px 0 0;border-top:1px solid var(--line)}
.p2form button[type=submit]{background:var(--navy);color:#fff;border:0;border-radius:9px;
  padding:13px 34px;font-family:inherit;font-size:16px;font-weight:700;cursor:pointer}
.p2form button[type=submit]:hover{background:var(--navy2)}
.p2form button[type=submit][disabled]{opacity:.55;cursor:default}
.p2form .foot .note{color:var(--muted);font-size:13.5px;margin:0}
.p2form .formerr{display:none;color:var(--red);font-size:14.5px;margin:14px 0 0;
  background:#fdf2f3;border:1px solid #f3c9ce;border-radius:9px;padding:11px 13px}
.p2form .formerr.on{display:block}

@media(max-width:600px){
  .p2form{padding:20px 18px}
  .p2form .opts{grid-template-columns:1fr}
  .p2form button[type=submit]{width:100%}
}

/* 感謝頁 */
.p2thanks{background:#fff;border:1px solid var(--line);border-radius:12px;padding:34px 30px;text-align:center}
.p2thanks .tick{width:58px;height:58px;border-radius:50%;background:var(--navy);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:30px;margin:0 auto 18px}
.p2thanks h2{border:0;padding:0;margin:0 0 12px;text-align:center}
.p2thanks p{color:var(--muted);font-size:15.5px;margin:0 auto 10px;max-width:620px}
.p2thanks .acts{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:24px 0 0}
.p2thanks .acts a{display:inline-block;border-radius:9px;padding:11px 24px;
  font-size:15px;font-weight:700;text-decoration:none}
.p2thanks .acts a.primary{background:var(--navy);color:#fff}
.p2thanks .acts a.ghost{background:#fff;color:var(--navy);border:1px solid var(--line)}