/* extra styles layered on top of index.css */

.hero-small{min-height:32vh}

/* ---- FORM CARD ---- */
.form-wrap{
  max-width:680px;
  margin:0 auto;
  background:#fff;
  border-radius:14px;
  padding:3rem 2.5rem;
  box-shadow:0 8px 24px rgba(0,0,0,.07);
}
.form-wrap h2{
  font-size:1.25rem;
  font-weight:700;
  margin:2rem 0 .9rem;
  color:#000;
  text-align:center;
}
.reg-form input[type=text],
.reg-form input[type=tel],
.reg-form input[type=email],
.reg-form input[type=number]{
  width:100%;
  padding:.85rem 1rem;
  border:1px solid #ccc;
  border-radius:8px;
  font-size:.95rem;
  margin-bottom:1.3rem;
}
textarea{
  width:100%;
  height:160px;
  padding:.9rem;
  border:1px solid #ddd;
  border-radius:8px;
  background:#fafafa;
  font-size:.85rem;
  color:#444;
  margin:1.6rem 0 .6rem;
  resize:vertical;
}
.check-line{
  display:flex;
  align-items:center;
  gap:.6rem;
  font-size:.9rem;
  margin:.7rem 0 1.2rem;
}
.check-line input{transform:scale(1.1)}
.consent-note{font-size:.9rem;margin:.4rem 0 1rem}

.reg-form button{
  display:block;
  width:100%;
  margin-top:2rem;
}

/* reveal animation on card */
.form-wrap{opacity:0;transform:translateY(60px);transition:opacity .8s ease,transform .8s ease}
.form-wrap.active{opacity:1;transform:none}
.g-recaptcha{display:block;margin:1.6rem auto;}

@media (max-width: 1187px) {
  .topbar {
    flex-direction: row;
    align-items: center;
    position: relative;
  }
  .burger {
    display: flex;
    margin-left: auto;
    position: static; /* Remove absolute positioning */
    right: unset;
    top: unset;
    /* Optional: adjust margin for spacing from the edge */
    margin-right: 0.3rem;
  }
  .topbar nav ul {
    display: none;
    position: fixed;
    left: 0; right: 0;
    top: 70px;
    background: #090b0c;
    flex-direction: column;
    align-items: center;
    gap: 2.2rem;
    padding: 2.5rem 0 2rem 0;
    z-index: 1100;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    box-shadow: 0 8px 32px rgba(0,0,0,0.28);
    width: 100vw;
  }
  .topbar nav ul.open { display: flex; }
}