/* Home page styles */

.page-home .picker {
  max-width: 720px;
  margin-inline: auto;
  text-align: center;
}

.page-home .picker__head { margin-bottom: var(--space-xl); }
.page-home .picker__head h2 { margin-bottom: var(--space-xs); }

.page-home .picker__form {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-md);
  background: var(--color-bg);
  padding: var(--space-lg);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}

@media (min-width: 640px) {
  .page-home .picker__form {
    grid-template-columns: 1fr 1fr auto;
    align-items: center;
  }
}

.page-home .hero__media img {
  /* Provide background pattern for placeholder until real photo */
  background: linear-gradient(135deg, #f4bc16 0%, #ffe082 100%);
}