/* =====================================================================
   OptiBelly — Contact "Get in touch" (rebuild of Pencil CO9Zz).
   ===================================================================== */
.ob-contact{display:block;--navy:#163A5F;--teal:#2AA198;--cta:#1F7A70;--mint:#DFF5F2;--ink:#2D3748;--border:#E3EBEF;--muted:#6B7C93;background:#fff}
.ob-contact *{box-sizing:border-box}

/* header band */
.ob-contact-head{background:var(--mint)}
.ob-contact-head__inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:44px 0}
.ob-contact-head h1{font-family:Manrope,sans-serif;font-weight:800;font-size:34px;color:var(--navy);margin:0;line-height:1.1}
.ob-contact-head p{font-family:Inter,sans-serif;font-size:16px;color:var(--ink);margin:0;max-width:640px;line-height:1.55}

/* body two-column */
.ob-contact-body{padding:56px 0}
.ob-contact-cols{display:grid;grid-template-columns:1fr 380px;gap:48px;align-items:start}
.ob-contact-formwrap{min-width:0}
.ob-contact-h2{font-family:Manrope,sans-serif;font-weight:800;font-size:20px;color:var(--navy);margin:0 0 16px}

.ob-contact-frm{display:flex;flex-direction:column;gap:16px;margin:0}
.ob-contact-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ob-contact-field{display:flex;flex-direction:column;gap:6px}
.ob-contact-field label{font-family:Inter,sans-serif;font-size:13px;font-weight:600;color:var(--ink)}
.ob-contact-field label .req{color:#c0392b}
.ob-contact-field input,.ob-contact-field textarea{width:100%;border:1px solid var(--border);border-radius:10px;background:#fff;font-family:Inter,sans-serif;font-size:14px;color:var(--navy)}
.ob-contact-field input{height:46px;padding:0 14px}
.ob-contact-field textarea{min-height:120px;padding:12px 14px;line-height:1.5;resize:vertical}
.ob-contact-field input::placeholder,.ob-contact-field textarea::placeholder{color:var(--muted)}
.ob-contact-field input:focus,.ob-contact-field textarea:focus{outline:none;border-color:var(--cta);box-shadow:0 0 0 3px rgba(31,122,112,.12)}
.ob-contact-hint{font-family:Inter,sans-serif;font-size:12px;color:var(--muted);line-height:1.4}
.ob-contact-field[hidden]{display:none}
.ob-contact-opt{color:var(--muted);font-weight:400}
.ob-contact-select{position:relative}
.ob-contact-select select{width:100%;height:46px;border:1px solid var(--border);border-radius:10px;padding:0 40px 0 14px;font-family:Inter,sans-serif;font-size:14px;color:var(--navy);background:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}
.ob-contact-select select:focus{outline:none;border-color:var(--cta);box-shadow:0 0 0 3px rgba(31,122,112,.12)}
.ob-contact-select::after{content:"";position:absolute;right:16px;top:46%;width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:translateY(-50%) rotate(45deg);pointer-events:none}
.ob-contact-order{animation:ob-contact-fade .2s ease}
@keyframes ob-contact-fade{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.ob-contact-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.ob-contact-btn{width:100%;height:50px;border:0;border-radius:26px;background:var(--cta);color:#fff;font-family:Manrope,sans-serif;font-weight:700;font-size:15px;cursor:pointer;transition:background .18s;margin-top:2px}
.ob-contact-btn:hover{background:var(--navy)}
.ob-contact-priv{font-family:Inter,sans-serif;font-size:12px;color:var(--muted);line-height:1.45;margin:0}
.ob-contact-priv a{color:var(--cta)}
.ob-contact-notice{font-family:Inter,sans-serif;font-size:14px;border-radius:10px;padding:12px 16px;margin:0 0 16px}
.ob-contact-notice--ok{background:#E4F4F0;color:#1F7A70}
.ob-contact-notice--err{background:#FDECEA;color:#a3271b}

/* side */
.ob-contact-side{display:flex;flex-direction:column;gap:16px}
.ob-contact-img{border-radius:14px;overflow:hidden;height:200px;background:var(--mint)}
.ob-contact-img img,.ob-contact-img .ob-photo{width:100%;height:100%;object-fit:cover;display:block}
.ob-contact-card{display:flex;align-items:center;gap:14px;background:var(--mint);border-radius:14px;padding:18px;text-decoration:none;transition:transform .15s}
a.ob-contact-card:hover{transform:translateY(-2px)}
.ob-contact-card__ic{display:flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;border-radius:21px;background:#fff}
.ob-contact-card__ic .ob-icon{width:22px;height:22px}
.ob-contact-card__m{display:flex;flex-direction:column;gap:3px;min-width:0}
.ob-contact-card__m strong{font-family:Manrope,sans-serif;font-weight:800;font-size:15px;color:var(--navy)}
.ob-contact-card__a{font-family:Inter,sans-serif;font-size:14px;font-weight:600;color:var(--ink)}
.ob-contact-card__b{font-family:Inter,sans-serif;font-size:13px;color:var(--muted)}

@media (max-width:880px){
	.ob-contact-cols{grid-template-columns:1fr;gap:32px}
	.ob-contact-side{order:-1}
}
@media (max-width:520px){
	.ob-contact-head h1{font-size:27px}
	.ob-contact-row{grid-template-columns:1fr}
}