/* Search box */
	.ais-SearchBox-form { display: flex; gap: 0.5rem; }
	.ais-SearchBox-input { flex: 1; padding: 0.6rem 1rem; border: 1px solid #ccc; border-radius: 6px; }
	.ais-SearchBox-submit,
	.ais-SearchBox-reset,
	.ais-SearchBox-loadingIndicator { display: none; } /* hide if you don't want them */

	.ais-Hits,
	.ais-Hits-list { display: contents; }

	.ais-Hits-item { display: contents; } /* so your template's .card is the grid item */
	
	/* Search animations */
	@keyframes cardDrop {
	  from {
		transform: translateY(-90px);
		visibility: hidden;
	  }
	  to {
		transform: translateY(0);
		visibility: visible;
	  }
	}

	.card-drop {
	  animation: cardDrop 0.5s ease both;
	}

	@keyframes cardRise {
	  from {
		transform: translateY(0);
		visibility: visible;
	  }
	  to {
		transform: translateY(-90px);
		visibility: hidden;
	  }
	}

	.card-rise {
	  animation: cardRise 0.4s ease both;
	}


	@keyframes barDrop {
	  from { transform: translateY(-20px); visibility: hidden; }
	  to   { transform: translateY(0);     visibility: visible; }
	}

	.bar-drop { animation: barDrop 0.4s ease both; }

	/* gap between the search box and the cards */
	#hits {
	  margin-top: 1.5rem;
	}