/* ===== Yoga Seva ===== */
.seva-page { max-width: 900px; margin: 30px auto 60px; padding: 0 20px; color: var(--color-text); }

/* Hero */
.seva-hero {
  border: 4px solid var(--color-accent);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 6px 20px rgba(0,0,0,.08);
  margin-bottom: 24px;
  background: #fff;
}
.seva-hero img { width: 100%; height: 660px; object-fit: cover; display: block; }

/* Intro */
.seva-intro {
  background: var(--glass-bg);
  border: var(--glass-border);
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 22px;
  line-height: 1.7;
  text-align: center;
  font-size: 1.05rem;
}

/* Form */
.section-title { font-size: 1.6rem; font-weight: var(--font-weight-bold); color:#333; margin: 12px 0 18px; }

.seva-form form {
  background: var(--glass-bg);
  border: var(--glass-border);
  border-radius: 12px;
  padding: 22px;
  box-shadow: 0 4px 14px rgba(0,0,0,.06);
}

.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.form-grid label { display:flex; flex-direction:column; gap:6px; font-weight: var(--font-weight-semibold); }
.form-grid input, .form-grid textarea {
  border: 1px solid rgba(0,0,0,.18);
  border-radius: 8px;
  padding: 10px 12px;
  background: #fff;
}
.form-grid .full { grid-column: 1 / -1; }

.form-actions { margin-top: 16px; text-align: right; }
.btn-submit {
  background: var(--color-accent);
  color:#fff;
  border:0;
  padding:10px 16px;
  border-radius:8px;
  cursor:pointer;
}
.btn-submit:hover { background: var(--color-btn-hover); }

/* Responsive */
@media (max-width: 768px){
  .form-grid { grid-template-columns: 1fr; }
  .seva-hero img { height: 220px; }
  .section-title { font-size: 1.4rem; }
}