/* ===== CONTACT ===== */
#contact { background:var(--off); }
.contact-layout { display:grid; grid-template-columns:1fr 1fr; gap:4rem; align-items:start; }
.contact-details { display:flex; flex-direction:column; gap:1.1rem; }
.cd-card {
  background:white; border-radius:14px;
  padding:1.25rem 1.35rem;
  display:flex; align-items:flex-start; gap:1rem;
  border:1px solid rgba(34,197,94,0.1);
}
.cd-icon { width:38px; height:38px; background:var(--green-pale); border-radius:10px; display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.cd-card h4 { font-family:'Figtree',sans-serif; font-size:.7rem; font-weight:700; color:var(--muted); text-transform:uppercase; letter-spacing:.08em; margin-bottom:.2rem; }
.cd-card p { font-size:.9rem; font-weight:500; color:var(--charcoal); }
.cd-card a { color:var(--charcoal); text-decoration:none; }
.cd-card a:hover { color:var(--green); }
.map-wrap { border-radius:14px; overflow:hidden; border:1px solid rgba(34,197,94,0.12); height:210px; margin-top:.5rem; }
.map-wrap iframe { width:100%;height:100%;border:none; }

.cform {
  background:white; border-radius:24px;
  padding:2.25rem; border:1px solid rgba(34,197,94,0.1);
}
.cform h3 { font-size:1.4rem; margin-bottom:.4rem; }
.cform>p { color:var(--muted); font-size:.875rem; margin-bottom:1.75rem; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.fg { display:flex; flex-direction:column; gap:.35rem; margin-bottom:.875rem; }
.fg label { font-size:.72rem; font-weight:700; color:var(--body); letter-spacing:.05em; text-transform:uppercase; }
.fg input,.fg textarea {
  border:1.5px solid rgba(0,0,0,0.1); border-radius:10px;
  padding:.7rem 1rem; font-family:'Figtree',sans-serif;
  font-size:.9rem; color:var(--charcoal); background:#fff; outline:none;
  transition:border-color .2s, box-shadow .2s; width:100%;
}
.fg input:focus,.fg textarea:focus {
  border-color:var(--green); box-shadow:0 0 0 4px rgba(34,197,94,0.1);
}
.fg textarea { resize:vertical; min-height:100px; }

/* Custom themed dropdown */
.custom-select { position:relative; width:100%; }
.cs-selected {
  border:1.5px solid rgba(0,0,0,0.1); border-radius:10px;
  padding:.7rem 1rem; font-family:'Figtree',sans-serif;
  font-size:.9rem; color:var(--charcoal); background:#fff;
  cursor:pointer; display:flex; align-items:center; justify-content:space-between;
  transition:border-color .2s, box-shadow .2s; outline:none;
}
.cs-selected:hover { border-color:var(--green-mid); }
.cs-selected:focus,
.custom-select.open .cs-selected {
  border-color:var(--green); box-shadow:0 0 0 4px rgba(34,197,94,0.1);
}
.cs-placeholder { color:var(--muted); }
.cs-selected.has-value .cs-placeholder { color:var(--charcoal); }
.cs-arrow {
  color:var(--green); flex-shrink:0; transition:transform .2s;
}
.custom-select.open .cs-arrow { transform:rotate(180deg); }
.cs-options {
  display:none; position:absolute; top:calc(100% + 6px); left:0; right:0;
  background:#fff; border:1.5px solid var(--green); border-radius:10px;
  list-style:none; padding:6px 0; z-index:20;
  box-shadow:0 8px 24px rgba(22,163,74,0.12);
  max-height:220px; overflow-y:auto;
  scrollbar-width:thin; scrollbar-color:var(--green-mid) transparent;
}
.cs-options::-webkit-scrollbar { width:5px; }
.cs-options::-webkit-scrollbar-thumb { background:var(--green-mid); border-radius:100px; }
.custom-select.open .cs-options { display:block; }
.cs-options li {
  padding:.6rem 1rem; font-family:'Figtree',sans-serif; font-size:.9rem;
  color:var(--body); cursor:pointer; transition:background .15s, color .15s;
}
.cs-options li:hover {
  background:var(--green-pale); color:var(--green-dark);
}
.cs-options li.active {
  background:var(--green); color:#fff; font-weight:600;
}
.form-success { display:none; text-align:center; padding:2rem 0; }