/* Contact / enquiry page. Shared tokens (--forest, --line ...) site.css se aate hain. */
#bz .cq-strip { padding:34px 0 30px; color:#fff; background:var(--forest); }
#bz .cq-strip h1 { font-size:clamp(24px,2.8vw,32px); font-weight:800; letter-spacing:-.025em; }
#bz .cq-strip p { max-width:620px; margin-top:8px; color:#d6f2e0; font-size:15px; }

#bz .cq-lay { display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:24px; align-items:start; padding-top:24px; }
#bz .cq-card, #bz .cq-box { background:#fff; border:1px solid var(--line); border-radius:16px; }
#bz .cq-card { padding:28px 30px 26px; scroll-margin-top:90px; }
#bz .cq-card h2 { color:var(--hd); font-size:20px; font-weight:800; letter-spacing:-.015em; }
#bz .cq-sub { margin-top:4px; color:var(--muted); font-size:13.5px; }
#bz .cq-sub b, #bz .cq-f label b { color:var(--red); }

#bz .cq-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
#bz .cq-row3 { grid-template-columns:1fr 1fr 1.2fr; }
#bz .cq-f { margin-top:16px; min-width:0; }
#bz .cq-f label { display:block; margin-bottom:6px; color:var(--hd); font-size:13px; font-weight:700; }
#bz .cq-f label small { color:var(--muted); font-weight:500; font-size:12px; }
#bz .cq-f input, #bz .cq-f select, #bz .cq-f textarea {
  display:block; width:100%; height:46px; padding:0 14px; color:var(--ink); font-size:14.5px; background:#f7faf8;
  border:1px solid #cfdcd3 !important; border-radius:10px !important; box-shadow:none !important; outline:0; transition:.15s; }
#bz .cq-f textarea { height:auto; min-height:104px; padding:12px 14px; resize:vertical; line-height:1.5; }
#bz .cq-f select { appearance:none; -webkit-appearance:none; display:block !important; padding-right:38px;
  background:#f7faf8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2366746d' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center; }
#bz .cq-f input:hover, #bz .cq-f select:hover, #bz .cq-f textarea:hover { border-color:#9fbaa9 !important; }
#bz .cq-f input:focus, #bz .cq-f select:focus, #bz .cq-f textarea:focus { background-color:#fff; border-color:var(--forest) !important; box-shadow:0 0 0 3px rgba(11,138,61,.14) !important; }
#bz .cq-f.bad input, #bz .cq-f.bad select { border-color:var(--red) !important; box-shadow:0 0 0 3px rgba(210,58,64,.12) !important; }

#bz .cq-msg { display:none; margin-top:16px; padding:12px 14px; border-radius:10px; font-size:14px; font-weight:600; }
#bz .cq-msg.er { display:block; background:#fde8e9; color:#a8262c; }
#bz .cq-go { width:100%; height:50px; margin-top:22px; font-size:15px; }
#bz .cq-go[disabled] { opacity:.7; cursor:wait; box-shadow:none; }
#bz .cq-note { margin-top:12px; color:var(--muted); font-size:12.5px; text-align:center; }
#bz .cq-note a { color:var(--forest); font-weight:600; }
#bz .cq-note a:hover { text-decoration:underline; }
#bz .cq-hp { position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }

#bz .cq-done { padding:34px 10px; text-align:center; }
#bz .cq-done[hidden], #bz #cqForm[hidden] { display:none; }
#bz .cq-tick { display:inline-grid; place-items:center; width:64px; height:64px; margin-bottom:14px; border-radius:50%; background:#e3f6ea; color:#15803d; }
#bz .cq-done p { max-width:380px; margin:8px auto 0; color:var(--muted); font-size:15px; }
#bz .cq-acts { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin-top:24px; }

#bz .cq-side { display:flex; flex-direction:column; gap:16px; }
#bz .cq-box { padding:22px 22px 20px; }
#bz .cq-box h3 { margin-bottom:14px; color:var(--hd); font-size:16px; font-weight:800; }
#bz .cq-steps { margin:0; padding:0; list-style:none; counter-reset:s; }
#bz .cq-steps li { position:relative; padding:0 0 16px 40px; counter-increment:s; }
#bz .cq-steps li:last-child { padding-bottom:0; }
#bz .cq-steps li::before { content:counter(s); position:absolute; left:0; top:0; display:grid; place-items:center; width:28px; height:28px; border-radius:50%; background:var(--sage); color:var(--forest); font-size:13px; font-weight:800; }
#bz .cq-steps li:not(:last-child)::after { content:""; position:absolute; left:13px; top:32px; bottom:4px; width:2px; background:var(--line); }
#bz .cq-steps b { display:block; color:var(--hd); font-size:14px; }
#bz .cq-steps span { display:block; margin-top:2px; color:var(--muted); font-size:13px; line-height:1.5; }
#bz .cq-line { display:flex; align-items:flex-start; gap:12px; padding:9px 0; color:var(--ink); font-size:14px; }
#bz a.cq-line:hover { color:var(--forest); }
#bz .cq-line svg { margin-top:2px; color:var(--forest); }

@media (max-width:920px) { #bz .cq-lay { grid-template-columns:1fr; } }
@media (max-width:620px) {
  #bz .cq-card { padding:22px 18px; }
  #bz .cq-row, #bz .cq-row3 { grid-template-columns:1fr; gap:0; }
}
