.vma-hp {
position: absolute;
left: -9999px;
width: 1px;
height: 1px;
overflow: hidden;
opacity: 0;
pointer-events: none;
}
.vma-inquiry-success,
.vma-inquiry-error {
padding: 16px 20px;
border-radius: 4px;
margin-bottom: 24px;
font-weight: 600;
}
.vma-inquiry-success {
background: #eaf7ee;
border-left: 4px solid #2e9e5b;
color: #1a5c36;
}
.vma-inquiry-error {
background: #fdf2f2;
border-left: 4px solid #C8321A;
color: #7a1e10;
}
.vma-inquiry-wrap {
max-width: 680px;
}
.vma-inquiry-slot-info {
background: #f5f5f3;
border-left: 4px solid #C8321A;
padding: 12px 16px;
margin-bottom: 28px;
font-size: 0.9rem;
border-radius: 0 4px 4px 0;
}
.vma-inquiry-slot-dims {
display: inline-block;
margin-left: 8px;
font-size: 0.75rem;
color: #888;
font-weight: 400;
}
.vma-inquiry-form {
display: flex;
flex-direction: column;
gap: 20px;
}
.vma-inquiry-row {
display: flex;
gap: 20px;
}
.vma-inquiry-row--2col > .vma-inquiry-field {
flex: 1 1 0;
min-width: 0;
}
.vma-inquiry-field {
display: flex;
flex-direction: column;
gap: 6px;
}
.vma-inquiry-field label {
font-size: 0.8rem;
font-weight: 700;
letter-spacing: 0.05em;
text-transform: uppercase;
color: #555;
}
.vma-inquiry-field label span {
color: #C8321A;
}
.vma-inquiry-field input,
.vma-inquiry-field select,
.vma-inquiry-field textarea {
border: 1px solid #d0ceca;
border-radius: 3px;
padding: 10px 12px;
font-size: 1rem;
font-family: inherit;
background: #fff;
color: #1a1a1a;
transition: border-color 0.15s, box-shadow 0.15s;
width: 100%;
box-sizing: border-box;
}
.vma-inquiry-field input:focus,
.vma-inquiry-field select:focus,
.vma-inquiry-field textarea:focus {
outline: none;
border-color: #C8321A;
box-shadow: 0 0 0 3px rgba(200, 50, 26, 0.12);
}
.vma-inquiry-field textarea {
resize: vertical;
min-height: 120px;
}
.vma-inquiry-submit {
align-self: flex-start;
background: #C8321A;
color: #fff;
border: none;
border-radius: 3px;
padding: 12px 28px;
font-size: 0.85rem;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
cursor: pointer;
transition: background 0.15s;
}
.vma-inquiry-submit:hover {
background: #A52817;
}
@media (max-width: 600px) {
.vma-inquiry-row--2col {
flex-direction: column;
}
}