/* "Contact the business" (business/sub/inquiry-dialog.php, 2026-11-11), on the business page's look:
   ink, paper, the green, a 2px ink border. Everything under .biq. */
html.biq-lock { overflow: hidden; }
.biq { position: fixed; inset: 0; z-index: 10040; background: rgba(10,10,10,.6); display: flex; align-items: flex-start; justify-content: center; padding: 6vh 16px 16px; overflow-y: auto; }
.biq[hidden] { display: none; }
.biq *, .biq *::before, .biq *::after { box-sizing: border-box; }
.biq p, .biq h2, .biq h3 { margin: 0; }
.biq-box { position: relative; width: 100%; max-width: 620px; background: #fff; color: var(--ink, #0a0a0a); border: 2px solid var(--ink, #0a0a0a); border-top: 8px solid var(--g, #00FF50); padding: 24px clamp(18px, 3vw, 30px) 22px; font-family: 'Archivo', sans-serif; }
.biq-x { position: absolute; top: 10px; right: 12px; border: 0; background: none; font-size: 28px; line-height: 1; cursor: pointer; color: inherit; }
.biq-head { display: flex; align-items: center; gap: 14px; margin-bottom: 18px; padding-right: 30px; }
.biq-logo { width: 54px; height: 54px; flex: none; display: grid; place-items: center; background: var(--ink, #0a0a0a); color: var(--g, #00FF50); font-weight: 900; font-size: 17px; overflow: hidden; }
.biq-logo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.biq-k { font-size: 10px; font-weight: 800; letter-spacing: .16em; color: #77776f; }
.biq h2 { font-size: clamp(22px, 3vw, 30px); font-weight: 900; letter-spacing: -.04em; line-height: 1.05; }
.biq-form { display: grid; gap: 12px; }
.biq-form[hidden] { display: none; }
.biq-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.biq-f { display: grid; gap: 5px; min-width: 0; }
.biq-f > span { font-size: 10px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: #4a4a46; }
.biq input[type=text], .biq input[type=email], .biq input[type=tel], .biq select, .biq textarea { width: 100%; font: 600 15px/1.4 'Archivo', sans-serif; color: inherit; background: #fff; border: 1px solid #c9c9c3; border-radius: 0; padding: 10px 11px; }
.biq textarea { resize: vertical; min-height: 130px; }
.biq input:focus, .biq select:focus, .biq textarea:focus { outline: 2px solid var(--ink, #0a0a0a); outline-offset: -1px; border-color: var(--ink, #0a0a0a); }
.biq .is-bad { border-color: #c4291c !important; outline-color: #c4291c; }
.biq-hp { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; opacity: 0; }
.biq-as { font-size: 13px; font-weight: 700; background: #f1f1ed; padding: 9px 11px; }
.biq-consent { display: flex; gap: 9px; align-items: flex-start; font-size: 12.5px; font-weight: 600; line-height: 1.45; color: #4a4a46; }
.biq-consent input { margin-top: 2px; width: 16px; height: 16px; flex: none; accent-color: var(--ink, #0a0a0a); }
.biq-consent.is-bad, .biq-consent:has(.is-bad) { color: #c4291c; }
.biq-note { font-size: 12px; font-weight: 600; line-height: 1.45; color: #77776f; }
.biq-err { font-size: 13px; font-weight: 700; color: #c4291c; }
.biq-err[hidden] { display: none; }
.biq-do { display: flex; gap: 8px; flex-wrap: wrap; padding-top: 4px; }
.biq-btn { font: 800 11.5px 'Archivo', sans-serif; letter-spacing: .12em; padding: 13px 18px; border: 2px solid var(--ink, #0a0a0a); background: #fff; color: var(--ink, #0a0a0a); cursor: pointer; }
.biq-btn.go { background: var(--g, #00FF50); }
.biq-btn:hover { background: var(--ink, #0a0a0a); color: var(--g, #00FF50); }
.biq-btn[disabled] { opacity: .6; cursor: default; }
.biq-done { display: grid; gap: 12px; justify-items: start; padding: 6px 0 4px; }
.biq-done[hidden] { display: none; }
.biq-ok { width: 46px; height: 46px; display: grid; place-items: center; background: var(--g, #00FF50); border: 2px solid var(--ink, #0a0a0a); font-size: 22px; font-weight: 900; }
.biq-done h3 { font-size: 26px; font-weight: 900; letter-spacing: -.04em; }
.biq-p { font-size: 14.5px; font-weight: 500; line-height: 1.5; color: #4a4a46; }
.biq-ref { font-size: 11px; font-weight: 800; letter-spacing: .14em; color: #77776f; }
.biq-ref b { color: var(--ink, #0a0a0a); font-size: 15px; letter-spacing: .06em; margin-left: 6px; }
@media (max-width: 560px){ .biq { padding-top: 12px; } .biq-2 { grid-template-columns: 1fr; } }