/* =========================
enquiry.css (CLEAN + SIMPLE)
========================= */

/* page base */
.enquiryBody{
  font-family: Inter, sans-serif;
  background:#f6f7f9;
  margin:0;
  color:#0f1419;
}

/* use your existing .itk-container from style.css
   if you still want a custom container, keep this */
.container{
  max-width: 900px;
  margin: 0 auto;
  padding: 0 20px;
}

/* =========================
OPTIONAL: if you're NOT using the main hero/nav
(only keep these if your enquiry page has .enqNav markup)
========================= */
.enqNav{
  background:#0b1220;
}
.enqNav__row{
  height:70px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.enqBrand img{
  height:44px;
}
.enqNav__links{
  display:flex;
  gap:20px;
}
.enqNav__links a{
  color:#fff;
  text-decoration:none;
  font-weight:600;
}
.enqNav__links .is-active{
  border-bottom:2px solid #fff;
}

/* =========================
breadcrumb (optional)
========================= */
.enqCrumbs{
  background:#fff;
  padding:14px 0;
  font-size:13px;
}
.enqCrumbs span{
  margin:0 6px;
}

/* =========================
main layout (ONLY ONCE)
========================= */
.enqMain{
  padding: 54px 0 80px;
}

/* wrapper (form width) */
.enqWrap{
  max-width: 720px;
  margin: 0 auto;
}

/* title */
.enqTitle{
  font-size: 34px;
  line-height: 1.15;
  margin: 0 0 18px;
}

/* info note */
.enqIntro,
.enqInfo{
  background:#eef1f5;
  border:1px solid rgba(15,20,25,.10);
  padding: 16px 18px;
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 18px;
}

/* card (if you use it) */
.enqCard{
  background:#fff;
  padding: 22px;
  border:1px solid rgba(15,20,25,.10);
}

/* form */
.enqForm{
  background:#fff;
  border:1px solid rgba(15,20,25,.10);
  padding: 18px;
}

/* fields */
.enqField{
  display:block;
  margin-bottom: 14px;
}

.enqField span{
  display:block;
  font-size: 13px;
  font-weight: 700;
  color:#0f1419;
  margin-bottom: 6px;
}

.enqField input,
.enqField select,
.enqField textarea{
  width:100%;
  box-sizing: border-box;
  padding: 12px 12px;
  border:1px solid rgba(15,20,25,.18);
  background:#fff;
  font: inherit;
  font-size: 14px;
  outline: 0;
}

.enqField textarea{
  resize: vertical;
  min-height: 140px;
}

.enqField input:focus,
.enqField select:focus,
.enqField textarea:focus{
  border-color: rgba(255,176,24,.85);
  box-shadow: 0 0 0 4px rgba(255,176,24,.18);
}

/* buttons */
.enqActions{
  display:flex;
  gap: 10px;
  margin-top: 14px;
}

.enqBtn{
  height: 44px;
  padding: 0 16px;
  border-radius: 999px;
  font-weight: 800;
  cursor: pointer;
  border: 1px solid transparent;
}

.enqBtn--primary{
  background:darkgoldenrod;
  color:#fff;
}

.enqBtn--ghost{
  background:#fff;
  border-color: rgba(15,20,25,.20);
  color:#0f1419;
}

/* mobile */
@media (max-width: 520px){
  .enqActions{ flex-direction: column; }
  .enqBtn{ width:100%; }
  .enqTitle{ font-size: 28px; }
}