/* Inquiry form + /contact layout. Loaded only by pages that carry a form. */
.contact{padding-block:clamp(28px,4vw,56px) clamp(40px,6vw,80px)}
.contact__intro{max-width:760px; margin-bottom:clamp(22px,3vw,36px)}
.contact__intro h1{margin:8px 0 12px}
.lede{font-size:1.1em; color:var(--ink-60); max-width:60ch}
.contact__grid{display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); gap:clamp(24px,4vw,56px); align-items:start}
@media(max-width:880px){.contact__grid{grid-template-columns:1fr}}

.rfq{display:grid; gap:16px}
.rfq__row{display:grid; grid-template-columns:1fr 1fr; gap:16px}
@media(max-width:560px){.rfq__row{grid-template-columns:1fr}}
.rfq label{display:block; font-weight:600; font-size:.92rem}
.rfq label > input,.rfq label > select,.rfq label > textarea{display:block; margin-top:6px}
.rfq__row{align-items:end}
.rfq label b{color:var(--blaze-ink)}
.rfq input,.rfq select,.rfq textarea{
  font:inherit; font-weight:400; font-size:1rem; color:var(--ink); background:#fff;
  border:1.5px solid var(--rule); border-radius:0; padding:12px 13px; width:100%;
}
.rfq textarea{resize:vertical; min-height:140px}
.rfq input:focus,.rfq select:focus,.rfq textarea:focus{outline:none; border-color:var(--ink)}
.rfq [aria-invalid=true]{border-color:var(--blaze)}
.rfq .btn{justify-self:start; cursor:pointer; font-size:1rem}
@media(max-width:560px){.rfq .btn{justify-self:stretch; text-align:center}}
.rfq__hp{position:absolute !important; left:-9999px; width:1px; height:1px; overflow:hidden}
.rfq__fit{background:oklch(0.97 0.02 60); border-left:3px solid var(--blaze); padding:10px 14px; font-size:.92rem; max-width:none}
.rfq__note{font-size:.86rem; color:var(--ink-60)}
.rfq__status{font-size:.95rem; min-height:1.4em}
.rfq__status.is-err{color:var(--blaze-ink); font-weight:600}
.rfq__done{border:1.5px solid var(--ink); padding:clamp(20px,3vw,32px)}
.rfq__done h2{margin-bottom:10px}
.rfq__ref{margin-top:10px; color:var(--ink-60); font-size:.9rem}

.contact__side{border-top:2px solid var(--ink); padding-top:18px}
.contact__side h2{font-size:1.05rem; margin:22px 0 10px}
.who{display:flex; gap:14px; align-items:center}
.who img{width:72px; height:72px; object-fit:cover; border-radius:50%}
.who figcaption{font-size:.92rem; color:var(--ink-60)}
.who figcaption b{display:block; color:var(--ink); font-size:1rem}
.next{padding-left:1.2em; display:grid; gap:9px; font-size:.95rem}
.next b{font-weight:700}
.alt{list-style:none; display:grid; gap:6px; font-size:.95rem}
.alt a{text-decoration:underline; text-decoration-color:var(--blaze); text-underline-offset:3px}
.addr{margin-top:16px; font-size:.85rem; color:var(--ink-60)}
.promise-line{margin-top:8px; font-size:.95rem; border-left:3px solid var(--blaze); padding-left:10px}
.moq-line{margin-top:10px; font-size:.95rem; border-left:3px solid var(--blaze); padding-left:10px}
/* 첫 상품 무료 샘플 신청 (#1640) */
.fsample{margin-top:clamp(40px,6vw,72px);padding-top:clamp(28px,4vw,40px);border-top:1px solid var(--rule);max-width:860px;scroll-margin-top:90px}
.fsample .lede{margin-top:10px}
.fsample__small{margin-top:8px;color:var(--ink-60);font-size:.92rem}
.rfq--fs{margin-top:20px}
.rfq--fs textarea{min-height:0}
.rfq .rfq__check{display:flex; gap:10px; align-items:flex-start; font-weight:500}
.rfq .rfq__check input{width:18px; height:18px; padding:0; margin-top:3px; flex:none; accent-color:var(--ink)}