.plant-food-finder #plant-food-search h1 {
 	color: #ffffff;
 	margin-bottom: 16px;
 }

 .plant-food-finder #searchbox {
 	margin-bottom: 24px;
 }

 .plant-food-finder #search_box .wrapper {
 	display: flex;
 	align-items: center;
 	gap: 12px;
 	padding: 10px 24px;
 	border-radius: 999px;
 	background: #ffffff;
 	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
 }

 .plant-food-finder #search_box button {
 	border: 0;
 	background: none;
 	padding: 0;
 	line-height: 0;
 	cursor: pointer;
 }

 .plant-food-finder #search_box #search input {
 	border: 0;
 	outline: 0;
 	width: 100%;
 	font-size: 16px;
 	padding: 6px 0;
 }

 #plants .plants{
	background: #fff;
	padding: 24px;
	border-radius: 12px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
 }

 #plants ul {
 	display: flex;
 	flex-wrap: wrap;
	justify-content: center;
 	gap: 8px;
 	list-style: none !important;
	 background-color: #F0EDDF;
	 padding: 20px 10px;
	 border-radius: 8px;
	 border-bottom-left-radius: 0;
	 border-bottom-right-radius: 0;
 	margin: 0;
 }

 #plants li {
 	margin: 0;
	list-style: none !important;
 }

 #plants li a {
 	display: inline-flex;
 	align-items: center;
 	justify-content: center;
	padding: 6px 14px;
 	border-radius: 12px;
 	background: #fafafa;
 	color: #046633;
 	text-decoration: none;
	font-weight: 600;
 }

#plants li.is-disabled a {
	opacity: 0.4;
	pointer-events: none;
	cursor: default;
}


 #plants li.ui-tabs-active a {
 	background: #ffa914;
 	color: #ffffff;
 }

 #plants .plants-tab {
 	margin-bottom: 24px;
 }

 #plants-container table.plants {
 	width: 100%;
 	border-collapse: collapse;
 	font-size: 14px;
 }

 #plants-container table.plants td {
 	padding: 12px 14px;
 	border-bottom: 1px solid #e5e1da;
 	vertical-align: top;
 }

 #plants-container .green {
 	color: #006428;
 	font-weight: 600;
 }

@media (max-width: 767px) {
	#plants-container table.plants,
	#plants-container table.plants tbody,
	#plants-container table.plants tr,
	#plants-container table.plants td {
		display: block;
		width: 100%;
	}

	#plants-container table.plants tr {
		margin-bottom: 16px;
		padding-bottom: 12px;
		border-bottom: 1px solid #e5e1da;
	}

	#plants-container table.plants td {
		border: 0;
		padding: 6px 0;
	}
}

 .plant-modal {
 	position: fixed;
 	inset: 0;
 	z-index: 9999;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 }

 .plant-modal[hidden] {
 	display: none;
 }

 .plant-modal__backdrop {
 	position: absolute;
 	inset: 0;
 	background: rgba(0, 0, 0, 0.5);
 }

 .plant-modal__dialog {
 	position: relative;
 	background: #ffffff;
 	border-radius: 16px;
 	padding: 0px;
 	max-width: 640px;
 	width: min(90vw, 640px);
 	z-index: 1;
 }

 .plant-modal__close {
 	position: absolute;
 	top: 10px;
 	right: 12px;
 	background: none;
 	border: 0;
 	font-size: 24px;
 	cursor: pointer;
 }