/* ============================================================
   HAYVO — Contacts Page  |  /assets/css/hayvo-contacts.css
   ============================================================ */

.hayvo-contacts-page *,
.hayvo-contacts-page *::before,
.hayvo-contacts-page *::after { box-sizing: border-box; }

.hayvo-contacts-page {
  padding: 60px 0 80px;
}

.hayvo-contacts-wrap {
  max-width: 1320px;
  margin: 0 auto;
 
}

/* ── Layout ── */
.hayvo-contacts__layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: start;
}

/* ── LEFT ── */


.hayvo-contacts__title {
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 50px;
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: -0.02em;
  color: #000;
  margin: 0 0 40px;
}

.hayvo-contacts__company {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-bottom: 32px;
}


.hayvo-contacts__company-name {
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 30px !important;
  font-weight: 600 !important;
  color: #000;
  margin: 0 0 12px !important;
  line-height: 1.2;
}


.hayvo-contacts__company p {
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #000;
  margin: 0;
  line-height: 1.65;
}

.hayvo-contacts__links {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 8px;
}

.hayvo-contacts__link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #000;
  text-decoration: none;
  transition: opacity .15s;
}
.hayvo-contacts__link svg { flex-shrink: 0; }
.hayvo-contacts__link:hover { opacity: .55; }




.hayvo-contacts__intro {
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  color: rgba(0,0,0,.75);
  margin: 0 0 28px;
}

.hayvo-contacts__form { display: flex; flex-direction: column; }

/* hf__field */
.hayvo-contacts__form .hf__field {
  margin: 0 0 18px;
}

.hayvo-contacts__form input[type="text"],
.hayvo-contacts__form input[type="tel"],
.hayvo-contacts__form input[type="email"] {
  width: 100%;
  height: 56px;
  padding: 0 18px;
  border-radius: 8px;
  border: 1px solid rgba(0,0,0,.35);
  background: transparent;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #000;
  outline: none;
  display: block;
  transition: border-color .15s;
}

.hayvo-contacts__form input::placeholder { color: rgba(0,0,0,.35); }
.hayvo-contacts__form input:focus { border-color: rgba(0,0,0,.6); }

/* hf__btnwrap */
.hayvo-contacts__form .hf__btnwrap {
  margin-top: 14px;
}

.hayvo-contacts__form .hf__btn {
  width: 100%;
  height: 58px;
  border: none;
  border-radius: 8px;
  background: #ffd84a;
  color: #000;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 600;
  font-size: 15px;
  cursor: pointer;
  transition: filter .15s;
}
.hayvo-contacts__form .hf__btn:hover { filter: brightness(.98); }


.hayvo-contacts__form .hf__note {
  margin-top: 22px;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.45;
  color: rgba(0,0,0,.75);
}
.hayvo-contacts__form .hf__note a {
  color: rgba(0,0,0,.85);
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* Errors */
.hayvo-contacts__errors {
  background: #fff5f5;
  border: 1px solid #ffd0d0;
  border-radius: 8px;
  padding: 12px 16px;
  margin-bottom: 16px;
}
.hayvo-contacts__errors p {
  font-family: Inter, system-ui, sans-serif;
  font-size: 13px; color: #c00; margin: 0;
}

/* Success */
.hayvo-contacts__success {
  display: flex; flex-direction: column; gap: 12px; padding: 40px 0;
}
.hayvo-contacts__success h3 {
  font-family: Inter, system-ui, sans-serif;
  font-size: 22px; font-weight: 600; color: #000; margin: 0;
}
.hayvo-contacts__success p {
  font-family: Inter, system-ui, sans-serif;
  font-size: 14px; color: rgba(0,0,0,.5); margin: 0;
}

/* ── Responsive ── */
@media (max-width: 900px) {
  .hayvo-contacts__layout { grid-template-columns: 1fr; gap: 40px; }
  .hayvo-contacts-page { padding: 40px 0 60px; }
}

@media (max-width: 520px) {
  .hayvo-contacts-page { padding: 28px 0 50px; }
  .hayvo-contacts-wrap { padding: 0 16px; }
  .hayvo-contacts__title { font-size: 34px; margin-bottom: 28px; }
  .hayvo-contacts__company-name { font-size: 22px !important; }
  .hayvo-contacts__form input[type="text"],
  .hayvo-contacts__form input[type="tel"],
  .hayvo-contacts__form input[type="email"] { height: 52px; border-radius: 8px; }
  .hayvo-contacts__form .hf__btn { height: 54px; }
}