/* Offer list (templates/components/offer-list.php): one column on a phone, two from 700px. */

/* ul.offer-list, not .offer-list: structure.css resets ul[role='list'] margins, and a lone class loses to it. */
ul.offer-list {
	margin-top: 2em;
	display: grid;
	gap: 1.5em 2.5em;

	@media (width >= 700px) {
		grid-template-columns: repeat(2, 1fr);
	}

	p {
		margin-top: 0.5em;
	}
}