/* =========================================================
   Home Contact — Section 04
   File: assets/css/pages/home-contact.css
   ========================================================= */

.top-homeContact{
  width:100%;
  background:#0b0b0c; /* services gibi siyaha yakın */
  padding: clamp(44px, 6vw, 92px) 0;
}

.top-homeContact__grid{
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  gap: clamp(16px, 3vw, 28px);
  align-items: start;
}

@media (max-width: 992px){
  .top-homeContact__grid{ grid-template-columns: 1fr; }
}

/* Left */
.top-homeContact__left{
  color:#fff;
}

.top-homeContact__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin:0 0 12px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-size:12px;
  opacity:.92;
}
.top-homeContact__title{
  margin:0 0 10px;
  font-size: clamp(26px, 2.7vw, 44px);
  line-height: 1.1;
}
.top-homeContact__lead{
  margin:0 0 18px;
  color: rgba(255,255,255,.75);
  font-size: 15px;
}

/* Form wrapper */
.top-homeContact__form{
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 18px;
  padding: clamp(14px, 2.2vw, 22px);
}

/* Fluent Forms (scoped) */
.top-homeContact .ff-el-form-control,
.top-homeContact input,
.top-homeContact textarea,
.top-homeContact select{
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  background: rgba(255,255,255,.06) !important;
  color: #fff !important;
}

.top-homeContact .ff-el-form-control::placeholder,
.top-homeContact input::placeholder,
.top-homeContact textarea::placeholder{
  color: rgba(255,255,255,.60) !important;
}

.top-homeContact .ff-el-input--label label{
  color: rgba(255,255,255,.85) !important;
  font-weight: 700;
}

.top-homeContact .ff-btn-submit{
  border-radius: 999px !important;
  font-weight: 800 !important;
  padding: 12px 18px !important;
  background: var(--top-red) !important;
  border: 1px solid rgba(209,18,31,.75) !important;
}

/* Right panel */
.top-homeContact__panel{
  background:#fff;
  border-radius: 18px;
  padding: clamp(16px, 2.4vw, 26px);
  box-shadow: 0 20px 50px rgba(0,0,0,.28);
  border: 1px solid rgba(15,23,42,.10);
}

.top-homeContact__panelTitle{
  margin:0 0 10px;
  font-weight: 900;
  font-size: 18px;
  color:#0f172a;
}
.top-homeContact__text{
  margin:0 0 14px;
  color: rgba(15,23,42,.78);
  line-height: 1.6;
  font-size: 14.5px;
}

.top-homeContact__bullets{
  list-style:none;
  padding:0;
  margin:0 0 16px;
  display:grid;
  gap: 10px;
}
.top-homeContact__bullets li{
  display:flex;
  gap:10px;
  align-items:flex-start;
  color: rgba(15,23,42,.78);
  font-weight: 650;
}
.top-homeContact__bullets i{
  color: var(--top-red);
  margin-top: 2px;
}

/* Stats */
.top-homeContact__stats{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 10px;
}

@media (max-width: 520px){
  .top-homeContact__stats{ grid-template-columns: 1fr; }
}

.top-stat{
  display:flex;
  gap: 12px;
  align-items:center;
  padding: 12px 12px;
  border-radius: 16px;
  border: 1px solid rgba(15,23,42,.10);
  background: rgba(15,23,42,.02);
}

.top-stat__icon{
  width:44px; height:44px;
  border-radius: 14px;
  display:grid; place-items:center;
  background: rgba(209,18,31,.10);
  border: 1px solid rgba(209,18,31,.20);
  color: var(--top-red);
  flex: 0 0 44px;
}

.top-stat__num{
  font-weight: 950;
  font-size: 22px;
  line-height: 1;
  color:#0f172a;
}
.top-stat__label{
  margin-top: 4px;
  font-size: 13px;
  color: rgba(15,23,42,.70);
  font-weight: 700;
}

.top-homeContact__cta{
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
  margin-top: 16px;
}