
.seed-detail-block h2 {
	color: #339425;
	font-size: 34px;
	font-weight: 700;
	margin-bottom: 20px;
}

.seed-detail-block h3,
.seed-detail-block h4 {
	color: #232323;
	font-weight: 700;
	margin-top: 30px;
	margin-bottom: 14px;
}

.seed-detail-block h6 {
	color: #0086ba;
	font-weight: 600;
	margin-top: 24px;
}

.seed-detail-block p {
	font-size: 17px;
	line-height: 1.6;
	margin-bottom: 16px;
}

.seed-detail-block ul {
	margin: 0 0 16px 0;
	padding-left: 22px;
}

.seed-detail-block ul li {
	font-size: 17px;
	line-height: 1.6;
	margin-bottom: 10px;
}

.seed-detail-cta {
	align-items: center;
	gap: 30px;
}

.seed-detail-cta h2 {
	color: #339425;
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 18px;
}

.seed-detail-cta p {
	font-size: 16px;
	line-height: 1.6;
	margin-bottom: 14px;
}

.seed-detail-cta-btn-col {
	display: flex;
	justify-content: center;
}

.seed-detail-cta-btn {
	display: inline-block;
	border: none;
	border-radius: 30px;
	padding: 16px 40px;
	background-color: #339425;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.3px;
	cursor: pointer;
	transition: background-color 0.2s ease;
}

.seed-detail-cta-btn:hover {
	background-color: #297a1e;
}

@media only screen and (max-width: 1200px) {
	.seed-detail-cta {
		flex-direction: column;
		align-items: stretch !important;
		/* Відступи навколо кнопки задаємо самій кнопці (нижче). Інакше зверху до неї
		   додається ще й flex-gap (30px) + margin-bottom останнього <p> (14px) = 54px,
		   а знизу немає нічого — кнопка «прилипає» до .feature-grid-section. */
		gap: 0;
	}
	.seed-detail-cta-btn-col {
		/* 14px + власний margin-bottom останнього <p> (14px) = 28px зверху,
		   стільки ж знизу — до наступної секції. Відстані однакові з обох боків. */
		margin-top: 14px;
		margin-bottom: 28px;
	}
}

/* ===== Селектор брендів на сторінці категорії (насіння/<slug>/) ===== */

.seed-brand-selector {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
	margin-top: 20px;
}

.seed-brand-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-decoration: none;
	color: inherit;
	cursor: pointer;
	background-color: #f7f7f7;
	border-radius: 8px;
	padding: 20px;
	box-sizing: border-box;
	transition: background-color 0.2s ease;
}

.seed-brand-card,
.seed-brand-card:hover {
	text-decoration: none;
	color: inherit;
}

.seed-brand-card:hover {
	background-color: #eef6ec;
}

.seed-brand-card-img {
	width: 100%;
	height: 90px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 14px;
}

.seed-brand-card-img img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.seed-brand-card-name {
	font-size: 15px;
	font-weight: 700;
	color: #232323;
	text-align: center;
}

/* ===== Сторінка бренду (насіння/<slug>-<бренд>/) ===== */

.seed-brand-intro {
	gap: 30px;
}

.seed-brand-logo {
	display: flex;
	justify-content: center;
}

.seed-brand-logo img {
	max-width: 100%;
	height: auto;
}

/* Відступ між останнім блоком сторінки бренду (таблиця гібридів, а на
   сторінках без таблиці — сам інтро-блок) і футером. Задаємо контейнеру,
   а не .seed-brand-table-section, щоб сторінки без таблиці (Nuseed) теж
   не прилипали до футера. */
.seed-brand-page {
	padding-bottom: 40px;
}

.seed-brand-table-section h2 {
	text-align: center;
}

.seed-brand-table-scroll {
	overflow: auto;
	margin-top: 20px;
	max-height: 620px;
	border: 1px solid #e0e0e0;
	border-radius: 6px;
}

.seed-brand-table {
	border-collapse: collapse;
	width: 100%;
	min-width: 700px;
}

.seed-brand-table th,
.seed-brand-table td {
	border: 1px solid #e0e0e0;
	padding: 10px 14px;
	font-size: 15px;
	line-height: 1.5;
	text-align: left;
	vertical-align: top;
}

.seed-brand-table thead td {
	background-color: #339425;
	color: #fff;
	font-weight: 700;
	position: sticky;
	top: 0;
	z-index: 1;
}

.seed-brand-table tbody tr:nth-child(even) td {
	background-color: #f7f7f7;
}

@media only screen and (max-width: 1200px) {
	.seed-brand-selector {
		grid-template-columns: repeat(2, 1fr);
	}
	.seed-brand-intro {
		flex-direction: column;
		align-items: stretch !important;
	}
}

@media only screen and (max-width: 640px) {
	.seed-brand-selector {
		grid-template-columns: 1fr;
	}
}

.seed-cat-cards {
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
	margin-top: 28px;
}

.seed-cat-cards .seed-brand-card {
	padding: 26px;
	border-radius: 12px;
}

.seed-cat-cards .seed-brand-card-img {
	height: 230px;
	margin-bottom: 18px;
}

.seed-cat-cards .seed-brand-card-name {
	font-size: 21px;
}

@media only screen and (max-width: 1200px) {
	.seed-cat-cards {
		grid-template-columns: repeat(2, 1fr);
	}
	.seed-cat-cards .seed-brand-card-img {
		height: 190px;
	}
}

@media only screen and (max-width: 640px) {
	.seed-cat-cards {
		grid-template-columns: 1fr;
	}
}
