/* LOVEU Home 07: Contact & Inquiry. Only styles this section.
   Bootstrap .container / .row / .col-* untouched; Footer is not built yet. */
body.loveu-site .loveu-contact {
    background: var(--loveu-light, #f1f1f1);
    padding: clamp(3.5rem, 5vw, 5.5rem) 0 clamp(4rem, 7vw, 7rem);
    color: var(--loveu-text, #20252d);
}
body.loveu-site .loveu-contact__heading {
    text-align: center;
    max-width: 63rem;
    margin: 0 auto clamp(2rem, 3.3vw, 3.3rem);
}
body.loveu-site .loveu-contact__title {
    color: #24262b;
    margin: 0 0 .45rem;
    font: 600 clamp(1.75rem, 2.5vw, 2.75rem)/1.25 var(--loveu-font, Arial, sans-serif);
    overflow-wrap: anywhere;
}
body.loveu-site .loveu-contact__subtitle {
    color: #909196;
    margin: 0;
    font: 400 clamp(.83rem, 1vw, .96rem)/1.7 var(--loveu-font, Arial, sans-serif);
    overflow-wrap: anywhere;
}
body.loveu-site .loveu-contact__row > [class*="col-"] { min-width: 0; }
body.loveu-site .loveu-contact__panel {
    height: 100%;
    background: #fff;
    border-radius: .9rem;
    padding: clamp(1.4rem, 2.3vw, 2.35rem);
}
body.loveu-site .loveu-contact__form { margin: 0; }
body.loveu-site .loveu-contact__field { margin-bottom: 1.25rem; }
body.loveu-site .loveu-contact__field label {
    color: #23262b;
    display: block;
    margin: 0 0 .55rem;
    font: 600 .875rem/1.45 var(--loveu-font, Arial, sans-serif);
}
body.loveu-site .loveu-contact__field label span { color: #ad3c42; margin-left: .1rem; }
body.loveu-site .loveu-contact__field .form-control {
    display: block;
    width: 100%;
    border: 1px solid transparent;
    border-radius: .35rem;
    box-shadow: none;
    background: #f5f6f8;
    color: #1c2635;
    font: 400 .88rem/1.5 var(--loveu-font, Arial, sans-serif);
    padding: .85rem 1rem;
    min-height: 3.2rem;
    transition: background-color .2s ease, border-color .2s ease;
}
body.loveu-site .loveu-contact__field .form-control::placeholder { color: #a0a6ae; opacity: 1; }
body.loveu-site .loveu-contact__field .form-control:focus { background: #fff; border-color: #0e306b; outline: 0; box-shadow: 0 0 0 .14rem rgba(13,47,106,.1); }
body.loveu-site .loveu-contact__field textarea.form-control { resize: vertical; min-height: 8.5rem; }
body.loveu-site .loveu-contact__field .invalid-feedback { color: #a43b3b; font-size: .78rem; }
body.loveu-site .loveu-contact__form.was-validated .form-control:invalid { border-color: #c76969; background-image:none; }
body.loveu-site .loveu-contact__form.was-validated .form-control:valid { border-color: transparent; background-image:none; }
body.loveu-site .loveu-contact__server-error { color: #a43b3b; font-size: .8rem; line-height: 1.6; }
body.loveu-site .loveu-contact__server-error:not(:empty) { margin-top: .45rem; }
body.loveu-site .loveu-contact__status { color:#a43b3b; font-size:.8rem; line-height:1.5; margin:0; }
body.loveu-site .loveu-contact__status:empty { display:none; }
body.loveu-site .loveu-contact__submit {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 3rem;
    padding: .8rem 1.3rem;
    border: 1px solid var(--loveu-navy, #0d3069);
    background: var(--loveu-navy, #0d3069);
    color: #fff;
    border-radius: 999px;
    font: 600 .875rem/1.45 var(--loveu-font, Arial, sans-serif);
    cursor: pointer;
    transition: background .2s ease, transform .2s ease;
}
body.loveu-site .loveu-contact__submit:hover { background: #17477e; }
body.loveu-site .loveu-contact__submit:focus-visible { outline: 3px solid #9abbdf; outline-offset:3px; }
body.loveu-site .loveu-contact__visual {
    margin: 0;
    width: 100%;
    height: 100%;
    min-height: 25rem;
    background: #dde2e6;
    border-radius: .9rem;
    overflow: hidden;
}
body.loveu-site .loveu-contact__visual img {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
@media (max-width: 991.98px) {
    body.loveu-site .loveu-contact__visual { height: auto; min-height: 0; aspect-ratio: 1.45; }
}
@media (max-width: 575.98px) {
    body.loveu-site .loveu-contact { padding: 3.2rem 0 4rem; }
    body.loveu-site .loveu-contact__heading { margin-bottom: 1.8rem; }
    body.loveu-site .loveu-contact__panel { padding: 1.3rem; border-radius: .75rem; }
    body.loveu-site .loveu-contact__visual { aspect-ratio: 1.25; border-radius: .75rem; }
    body.loveu-site .loveu-contact__field { margin-bottom: 1rem; }
}
@media (prefers-reduced-motion: reduce) {
    body.loveu-site .loveu-contact__submit,
    body.loveu-site .loveu-contact__field .form-control { transition: none; }
}