.sgh-app {
	--sgh-color-primary: #347d0a;
	--sgh-color-primary-hover: #286407;
	--sgh-color-primary-soft: #f3f8ef;
	--sgh-color-text: #171a16;
	--sgh-color-muted: #6f756d;
	--sgh-color-border: #e2e7df;
	--sgh-color-background-soft: #f7f9f5;
	--sgh-color-danger: #d43737;
	--sgh-color-gold: #edae10;
	--sgh-radius-sm: 8px;
	--sgh-radius-md: 10px;
	--sgh-radius-lg: 14px;
	--sgh-space-1: 4px;
	--sgh-space-2: 8px;
	--sgh-space-3: 12px;
	--sgh-space-4: 16px;
	--sgh-space-5: 24px;
	--sgh-space-6: 32px;
	--sgh-space-7: 40px;
	--sgh-shadow-focus: 0 0 0 3px rgba(63, 147, 13, .2);
	box-sizing: border-box;
	width: 100%;
	max-width: 1360px;
	margin: 0 auto;
	padding: 18px 0 48px;
	color: var(--sgh-color-text);
	font-family: var(--wd-text-font, "Manrope", Arial, sans-serif);
	font-size: 14px;
	line-height: 1.5;
}

.sgh-app *,
.sgh-app *::before,
.sgh-app *::after {
	box-sizing: border-box;
}

.sgh-app *,
.sgh-app > *,
.sgh-hub-grid > *,
.sgh-catalog-layout > *,
.sgh-article-layout > *,
.sgh-article-hero > *,
.sgh-diagnostic-hero > * {
	min-width: 0;
}

.sgh-app :where(h1, h2, h3, h4, p, ul, ol, figure, table) {
	margin-top: 0;
}

.sgh-app :where(h1, h2, h3, h4) {
	color: var(--sgh-color-text);
	font-family: var(--wd-title-font, "Manrope", Arial, sans-serif);
	font-weight: 700;
	line-height: 1.25;
}

.sgh-app h1 {
	margin-bottom: 12px;
	font-size: clamp(28px, 2.25vw, 32px);
}

.sgh-app h2 {
	margin-bottom: 16px;
	font-size: 20px;
}

.sgh-app h3 {
	margin-bottom: 10px;
	font-size: 16px;
}

.sgh-app p {
	margin-bottom: 14px;
}

.sgh-app a {
	color: inherit;
	text-decoration: none;
}

.sgh-app a:hover {
	color: var(--sgh-color-primary-hover);
}

.sgh-app :where(a, button, input, select, summary, [tabindex]):focus-visible {
	outline: 2px solid var(--sgh-color-primary);
	outline-offset: 2px;
	box-shadow: var(--sgh-shadow-focus);
}

.sgh-diagnosis-input:focus-visible + .sgh-button {
	outline: 2px solid var(--sgh-color-primary);
	outline-offset: 2px;
	box-shadow: var(--sgh-shadow-focus);
}

.sgh-app img {
	display: block;
	max-width: 100%;
	height: auto;
}

.sgh-app .sgh-responsive-picture {
	display: block;
	width: 100%;
	height: 100%;
}

.sgh-app section[id] {
	scroll-margin-top: 112px;
}

body.sgh-lightbox-open {
	overflow: hidden;
}

.sgh-lightbox[hidden] {
	display: none !important;
}

.sgh-lightbox {
	position: fixed;
	inset: 0;
	z-index: 100000;
	display: grid;
	place-items: center;
	padding: 32px;
	background: rgb(12 24 9 / 88%);
}

.sgh-lightbox__figure {
	display: grid;
	place-items: center;
	max-width: min(1120px, 92vw);
	max-height: 88vh;
	margin: 0;
}

.sgh-lightbox__image {
	width: auto;
	max-width: 100%;
	max-height: 88vh;
	border-radius: var(--sgh-radius, 12px);
	box-shadow: 0 24px 80px rgb(0 0 0 / 42%);
}

.sgh-lightbox[data-sgh-sanka-atlas-cell] .sgh-lightbox__figure {
	position: relative;
	overflow: hidden;
	width: min(760px, 90vw);
	max-width: 90vw;
	max-height: none;
	aspect-ratio: 4 / 3;
	border-radius: var(--sgh-radius, 12px);
	box-shadow: 0 24px 80px rgb(0 0 0 / 42%);
}

.sgh-lightbox[data-sgh-sanka-atlas-cell] .sgh-lightbox__image {
	position: absolute;
	width: 300% !important;
	max-width: none !important;
	max-height: none;
	height: auto;
	border-radius: 0;
	box-shadow: none;
}

.sgh-lightbox[data-sgh-sanka-atlas-cell="1"] .sgh-lightbox__image { top: -66%; left: 0; }
.sgh-lightbox[data-sgh-sanka-atlas-cell="2"] .sgh-lightbox__image { top: -66%; left: -100%; }
.sgh-lightbox[data-sgh-sanka-atlas-cell="3"] .sgh-lightbox__image { top: -66%; left: -200%; }
.sgh-lightbox[data-sgh-sanka-atlas-cell="4"] .sgh-lightbox__image { top: -298%; left: 0; }
.sgh-lightbox[data-sgh-sanka-atlas-cell="5"] .sgh-lightbox__image { top: -298%; left: -100%; }
.sgh-lightbox[data-sgh-sanka-atlas-cell="6"] .sgh-lightbox__image { top: -298%; left: -200%; }

.sgh-lightbox__close {
	position: fixed;
	top: 20px;
	right: 24px;
	z-index: 1;
	display: grid;
	width: 48px;
	height: 48px;
	padding: 0;
	place-items: center;
	border: 1px solid rgb(255 255 255 / 45%);
	border-radius: 50%;
	background: #fff;
	color: #172115;
	font: inherit;
	font-size: 30px;
	line-height: 1;
	cursor: pointer;
}

.sgh-visually-hidden {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

.sgh-icon {
	display: inline-flex;
	flex: 0 0 auto;
	width: 22px;
	height: 22px;
	color: var(--sgh-color-primary);
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
	fill: none;
}

.sgh-icon__soft {
	fill: currentColor;
	stroke: none;
	opacity: .12;
}

.sgh-icon__dot {
	fill: currentColor;
	stroke: none;
}

.sgh-icon--sm {
	width: 17px;
	height: 17px;
}

.sgh-icon--lg {
	width: 30px;
	height: 30px;
}

.sgh-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	min-height: 46px;
	padding: 9px 22px;
	border: 1px solid var(--sgh-color-primary);
	border-radius: var(--sgh-radius-sm);
	background: linear-gradient(180deg, #34810a 0%, #2f7207 100%);
	box-shadow: none;
	color: #fff !important;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;
	text-transform: none;
	transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
}

.sgh-button:hover {
	border-color: var(--sgh-color-primary-hover);
	background: var(--sgh-color-primary-hover);
	color: #fff !important;
	transform: translateY(-1px);
}

.sgh-button--outline {
	background: #fff;
	color: var(--sgh-color-primary) !important;
}

.sgh-button--outline:hover {
	background: var(--sgh-color-primary-soft);
	color: var(--sgh-color-primary-hover) !important;
}

.sgh-button--ghost {
	min-height: 38px;
	padding: 6px 12px;
	border-color: transparent;
	background: transparent;
	color: var(--sgh-color-primary) !important;
}

.sgh-button--compact {
	min-height: 36px;
	padding: 6px 16px;
	font-size: 12px;
}

.sgh-button--wide {
	width: 100%;
}

.sgh-breadcrumbs {
	margin: 0 0 16px;
	color: var(--sgh-color-muted);
	font-size: 12px;
}

.sgh-breadcrumbs ol {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.sgh-breadcrumbs li {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin: 0;
}

.sgh-breadcrumbs li:not(:last-child)::after {
	content: "›";
	color: #a6aaa3;
}

.sgh-breadcrumbs a:hover {
	color: var(--sgh-color-primary);
}

.sgh-panel,
.sgh-section,
.sgh-card {
	border: 1px solid var(--sgh-color-border);
	border-radius: var(--sgh-radius-md);
	background: #fff;
}

.sgh-section {
	margin-top: 16px;
	padding: 16px;
}

.sgh-section--flush {
	padding: 0;
}

.sgh-section__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 12px;
}

.sgh-section__header :where(h2, h3) {
	margin-bottom: 0;
}

.sgh-section__link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--sgh-color-primary) !important;
	font-size: 12px;
	font-weight: 700;
}

.sgh-section__cta {
	margin-top: 16px;
}

.sgh-muted {
	color: var(--sgh-color-muted);
}

.sgh-eyebrow {
	display: block;
	margin-bottom: 8px;
	color: var(--sgh-color-primary);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.sgh-badges {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 12px 0 16px;
}

.sgh-badge {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	min-height: 38px;
	padding: 7px 13px;
	border: 1px solid var(--sgh-color-border);
	border-radius: var(--sgh-radius-sm);
	background: #fff;
	color: #31352f;
	font-size: 13px;
	font-weight: 600;
}

.sgh-badge--soft {
	border-color: #dcebd2;
	background: var(--sgh-color-primary-soft);
}

.sgh-empty {
	padding: 28px;
	border: 1px dashed #cfd8ca;
	border-radius: var(--sgh-radius-md);
	background: var(--sgh-color-background-soft);
	color: var(--sgh-color-muted);
	text-align: center;
}

/* Culture hero. */
.sgh-hero {
	position: relative;
	display: grid;
	overflow: hidden;
	border: 1px solid var(--sgh-color-border);
	border-radius: var(--sgh-radius-lg);
	background: #fff;
}

.sgh-app--culture {
	position: relative;
	isolation: isolate;
	background: #fff;
}

.sgh-hero--culture {
	grid-template-columns: minmax(0, .96fr) minmax(0, 1.04fr);
	min-height: 310px;
}

.sgh-hero__content {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding: 34px 36px;
	background: #fff;
}

.sgh-hero__content > p {
	max-width: 570px;
	margin-bottom: 20px;
	color: #383d36;
	font-size: 15px;
	line-height: 1.55;
}

.sgh-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.sgh-hero__media {
	position: relative;
	min-width: 0;
	min-height: 260px;
}

.sgh-hero__media::before {
	position: absolute;
	z-index: 1;
	inset: 0 auto 0 0;
	width: 26%;
	background: linear-gradient(90deg, #fff 2%, rgba(255, 255, 255, 0));
	content: "";
	pointer-events: none;
}

.sgh-hero__media img,
.sgh-cover-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sgh-quick-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 12px;
}

.sgh-quick-actions .sgh-button {
	min-height: 40px;
	background: #fff;
	color: #40463d !important;
	font-size: 12px;
}

.sgh-quick-actions .sgh-button:hover {
	background: var(--sgh-color-primary-soft);
	color: var(--sgh-color-primary-hover) !important;
}

.sgh-hero__content > .sgh-quick-actions {
	width: 100%;
	margin-top: 12px;
}

/* Hub navigation and layouts. */
.sgh-category-nav {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: 10px;
	margin-top: 16px;
}

.sgh-category-card {
	display: flex;
	min-width: 0;
	min-height: 82px;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 10px 5px;
	border: 1px solid var(--sgh-color-border);
	border-radius: var(--sgh-radius-sm);
	background: #fff;
	font-size: 11px;
	font-weight: 600;
	text-align: center;
	transition: border-color .2s ease, background-color .2s ease, transform .2s ease;
}

.sgh-category-card:hover {
	border-color: #b9d7a8;
	background: var(--sgh-color-primary-soft);
	transform: translateY(-2px);
}

.sgh-hub-grid {
	display: grid;
	grid-template-columns: 320px minmax(0, 1fr);
	gap: 16px;
	align-items: stretch;
	margin-top: 16px;
}

.sgh-app--culture > .sgh-season {
	margin-top: 16px;
}

.sgh-season {
	display: flex;
	flex-direction: column;
	padding: 16px;
}

.sgh-season__feature {
	display: grid;
	grid-template-columns: 92px minmax(0, 1fr);
	gap: 12px;
	align-items: center;
	margin-bottom: 14px;
	padding: 7px;
	border: 1px solid var(--sgh-color-border);
	border-radius: var(--sgh-radius-sm);
}

.sgh-season__feature img {
	width: 92px;
	height: 54px;
	border-radius: 6px;
	object-fit: cover;
}

.sgh-check-list {
	display: grid;
	gap: 9px;
	margin: 0 0 18px !important;
	padding: 0 !important;
	list-style: none !important;
}

.sgh-check-list li {
	position: relative;
	margin: 0 !important;
	padding-left: 17px;
	color: #484d46;
	font-size: 12px;
}

.sgh-check-list li::before {
	position: absolute;
	top: .55em;
	left: 1px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--sgh-color-primary);
	content: "";
}

.sgh-season .sgh-button {
	margin-top: auto;
}

.sgh-hub-main {
	display: grid;
	gap: 16px;
}

.sgh-timeline {
	position: relative;
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: minmax(112px, 1fr);
	gap: 6px;
	overflow-x: auto;
	padding: 6px 2px 4px;
	scrollbar-width: thin;
}

.sgh-timeline::before {
	position: absolute;
	top: 34px;
	left: 7%;
	right: 7%;
	height: 2px;
	border-radius: 2px;
	background: linear-gradient(90deg, #c8dfba, #69a947 48%, #c8dfba);
	content: "";
}

.sgh-timeline__step {
	position: relative;
	z-index: 1;
	display: flex;
	min-width: 0;
	flex-direction: column;
	align-items: center;
	gap: 9px;
	padding: 0 5px 10px;
	color: #343932;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
}

a.sgh-timeline__step:hover,
a.sgh-timeline__step:focus-visible {
	color: #245f0c;
}

.sgh-timeline__icon {
	display: inline-flex;
	width: 58px;
	height: 58px;
	align-items: center;
	justify-content: center;
	border: 1px solid #bddcaf;
	border-radius: 50%;
	background: linear-gradient(145deg, #fff 18%, #f0f8eb 100%);
	box-shadow: 0 7px 18px rgb(46 103 25 / 10%), inset 0 0 0 4px #fff;
	transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.sgh-timeline__icon .sgh-icon {
	width: 27px;
	height: 27px;
	color: #337e13;
	stroke-width: 1.7;
}

a.sgh-timeline__step:hover .sgh-timeline__icon,
a.sgh-timeline__step:focus-visible .sgh-timeline__icon {
	border-color: #6faa50;
	box-shadow: 0 10px 24px rgb(46 103 25 / 18%), inset 0 0 0 4px #fff;
	transform: translateY(-3px);
}

.sgh-stage-timeline {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 16px;
}

.sgh-stage-timeline__item {
	position: relative;
	min-width: 0;
	padding-left: 38px;
}

.sgh-stage-timeline__number {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-flex;
	width: 27px;
	height: 27px;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--sgh-color-primary);
	border-radius: 50%;
	color: var(--sgh-color-primary);
	font-size: 12px;
	font-weight: 700;
}

.sgh-stage-timeline__item strong {
	display: block;
	margin-bottom: 6px;
	font-size: 12px;
}

.sgh-stage-timeline__item p {
	margin: 0;
	color: var(--sgh-color-muted);
	font-size: 11px;
}

.sgh-image-card-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
}

.sgh-image-card {
	overflow: hidden;
	border: 1px solid var(--sgh-color-border);
	border-radius: var(--sgh-radius-sm);
	background: #fff;
}

.sgh-image-card__media {
	position: relative;
	display: block;
	aspect-ratio: 2 / 1;
	overflow: hidden;
}

.sgh-image-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .3s ease;
}

.sgh-image-card:hover img {
	transform: scale(1.035);
}

.sgh-image-card__body {
	padding: 9px 10px;
	font-size: 12px;
	font-weight: 600;
	text-align: center;
}

.sgh-symptom-grid {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 12px;
}

.sgh-split {
	display: grid;
	grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
	gap: 16px;
}

.sgh-split--feeding-first {
	grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
}

.sgh-disease-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 10px;
}

.sgh-disease-card {
	min-width: 0;
	overflow: hidden;
	border: 1px solid var(--sgh-color-border);
	border-radius: var(--sgh-radius-sm);
	background: #fff;
}

.sgh-disease-card img {
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

.sgh-disease-card__body {
	padding: 9px;
}

.sgh-disease-card__body h3 {
	font-size: 12px;
}

.sgh-disease-card__body p {
	color: var(--sgh-color-muted);
	font-size: 10px;
}

.sgh-nutrient-grid {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 8px;
}

.sgh-nutrient {
	display: flex;
	min-width: 0;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	padding: 11px 6px;
	border: 1px solid var(--sgh-color-border);
	border-radius: var(--sgh-radius-sm);
	font-size: 10px;
	font-weight: 600;
	text-align: center;
}

.sgh-nutrient__symbol {
	display: inline-flex;
	width: 52px;
	height: 52px;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #1d6f91;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
}

.sgh-nutrient:nth-child(3n + 2) .sgh-nutrient__symbol {
	background: #2f7622;
}

.sgh-nutrient:nth-child(3n) .sgh-nutrient__symbol {
	background: #a94f13;
}

.sgh-nutrient:nth-child(n + 5) .sgh-nutrient__symbol {
	font-size: 14px;
}

.sgh-bottom-grid {
	display: grid;
	grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr);
	gap: 16px;
}

.sgh-bottom-grid--materials-first {
	grid-template-columns: minmax(0, 1.28fr) minmax(0, .72fr);
}

.sgh-article-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 12px;
}

.sgh-article-card img {
	width: 100%;
	aspect-ratio: 1.6 / 1;
	object-fit: cover;
}

.sgh-article-card__body {
	padding: 10px;
}

.sgh-article-card h3 {
	font-size: 11px;
}

.sgh-section-map {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20px;
	padding: 18px 22px;
	background: linear-gradient(90deg, #fff 0%, #fff 72%, #f4f8f0 100%);
}

.sgh-section-map ul {
	display: grid;
	gap: 5px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.sgh-section-map li {
	margin: 0;
}

.sgh-section-map a {
	color: var(--sgh-color-primary);
	font-size: 11px;
}

/* Archive search, chips and filters. */
.sgh-page-intro {
	margin-bottom: 18px;
}

.sgh-page-intro p {
	max-width: 760px;
	color: #424740;
}

.sgh-search-panel {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 280px;
	gap: 16px;
	padding: 14px;
	border: 1px solid var(--sgh-color-border);
	border-radius: var(--sgh-radius-md);
}

.sgh-search-field {
	position: relative;
}

.sgh-search-field .sgh-icon {
	position: absolute;
	top: 50%;
	left: 14px;
	transform: translateY(-50%);
}

.sgh-search-field input,
.sgh-sort select {
	width: 100%;
	height: 46px;
	padding: 0 15px 0 46px;
	border: 1px solid var(--sgh-color-border);
	border-radius: var(--sgh-radius-sm);
	background: #fff;
	color: var(--sgh-color-text);
	font-size: 13px;
}

.sgh-sort select {
	min-width: 210px;
	padding-left: 14px;
}

.sgh-seo-chips {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 12px;
	margin: 12px 0 20px;
}

.sgh-chip {
	display: flex;
	min-height: 60px;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 9px 12px;
	border: 1px solid var(--sgh-color-border);
	border-radius: var(--sgh-radius-sm);
	background: #fff;
	font-size: 13px;
	font-weight: 600;
	text-align: center;
}

.sgh-chip[aria-current="page"],
.sgh-chip:hover {
	border-color: #b8d7a6;
	background: var(--sgh-color-primary-soft);
}

.sgh-catalog-layout {
	display: grid;
	grid-template-columns: 296px minmax(0, 1fr);
	gap: 24px;
	align-items: start;
	padding: 16px;
	border: 1px solid var(--sgh-color-border);
	border-radius: var(--sgh-radius-md);
}

.sgh-filter-sidebar {
	position: sticky;
	top: 94px;
}

.sgh-filter-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin-bottom: 10px;
}

.sgh-filter-heading h2 {
	margin: 0;
	font-size: 16px;
}

.sgh-filter-group {
	min-width: 0;
	margin: 0;
	padding: 17px 0;
	border: 0;
	border-top: 1px solid var(--sgh-color-border);
}

.sgh-filter-group legend {
	margin-bottom: 12px;
	color: var(--sgh-color-text);
	font-size: 13px;
	font-weight: 700;
	text-transform: none;
}

.sgh-filter-options {
	display: grid;
	gap: 9px;
}

.sgh-filter-option {
	display: flex;
	align-items: flex-start;
	gap: 9px;
	margin: 0;
	color: #424740;
	font-size: 12px;
	cursor: pointer;
}

.sgh-filter-option input {
	width: 18px;
	height: 18px;
	margin: 0;
	accent-color: var(--sgh-color-primary);
}

.sgh-filter-swatch {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-top: 2px;
	border: 1px solid rgba(0, 0, 0, .08);
	border-radius: 50%;
	background: var(--sgh-swatch, #d83838);
}

.sgh-filter-swatch--rozovye { --sgh-swatch: #e779a9; }
.sgh-filter-swatch--zheltye { --sgh-swatch: #f2cb42; }
.sgh-filter-swatch--oranzhevye { --sgh-swatch: #e9943d; }
.sgh-filter-swatch--chernye { --sgh-swatch: #5b4137; }

.sgh-catalog-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 14px;
}

.sgh-catalog-toolbar p {
	margin: 0;
	font-size: 13px;
	font-weight: 600;
}

.sgh-sort {
	display: flex;
	align-items: center;
	gap: 9px;
	color: var(--sgh-color-muted);
	font-size: 12px;
}

.sgh-variety-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
}

.sgh-variety-card {
	display: flex;
	min-width: 0;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid var(--sgh-color-border);
	border-radius: var(--sgh-radius-md);
	background: #fff;
}

.sgh-variety-card__media {
	position: relative;
	display: block;
	aspect-ratio: 2 / 1;
	overflow: hidden;
	background: var(--sgh-color-background-soft);
}

.sgh-variety-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .3s ease;
}

.sgh-variety-card__media > img[src*="tomato-atlas"],
.sgh-image-card__media > img[src*="tomato-atlas"] {
	position: absolute;
	width: 300% !important;
	max-width: none !important;
	height: auto !important;
	object-fit: initial;
}

.sgh-variety-card__media > img[src*="sanka-photo-atlas"] {
	position: absolute;
	top: -20%;
	left: 0;
	width: 300% !important;
	max-width: none !important;
	height: auto !important;
	object-fit: initial;
}

:is(.sgh-variety-grid, .sgh-image-card-grid) > :nth-child(2) img[src*="tomato-atlas"] { top: -50%; left: -100%; }
:is(.sgh-variety-grid, .sgh-image-card-grid) > :nth-child(3) img[src*="tomato-atlas"] { top: -50%; left: -200%; }
:is(.sgh-variety-grid, .sgh-image-card-grid) > :nth-child(4) img[src*="tomato-atlas"] { top: -250%; left: 0; }
:is(.sgh-variety-grid, .sgh-image-card-grid) > :nth-child(5) img[src*="tomato-atlas"] { top: -250%; left: -100%; }
:is(.sgh-variety-grid, .sgh-image-card-grid) > :nth-child(6) img[src*="tomato-atlas"] { top: -250%; left: -200%; }
:is(.sgh-variety-grid, .sgh-image-card-grid) > :nth-child(7) img[src*="tomato-atlas"] { top: -50%; left: -100%; }
:is(.sgh-variety-grid, .sgh-image-card-grid) > :nth-child(8) img[src*="tomato-atlas"] { top: -450%; left: 0; }
:is(.sgh-variety-grid, .sgh-image-card-grid) > :nth-child(9) img[src*="tomato-atlas"] { top: -450%; left: -200%; }

.sgh-app--culture .sgh-image-card-grid > :nth-child(-n + 3) img[src*="tomato-atlas"] { top: -100%; }
.sgh-app--culture .sgh-image-card-grid > :nth-child(n + 4):nth-child(-n + 6) img[src*="tomato-atlas"] { top: -400%; }
.sgh-app--culture .sgh-image-card-grid > :nth-child(n + 7) img[src*="tomato-atlas"] { top: -700%; }

.sgh-variety-card:hover .sgh-variety-card__media img {
	transform: scale(1.03);
}

.sgh-variety-card__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 13px;
}

.sgh-variety-card__title {
	margin-bottom: 10px !important;
	font-size: 16px !important;
}

.sgh-variety-card__type {
	margin-left: 5px;
	color: var(--sgh-color-muted);
	font-size: 10px;
	font-weight: 400;
}

.sgh-attribute-list {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	margin: 0 0 12px !important;
	padding: 0 !important;
	list-style: none !important;
}

.sgh-attribute-list li {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	min-height: 29px;
	margin: 0 !important;
	padding: 4px 8px;
	border: 1px solid var(--sgh-color-border);
	border-radius: 7px;
	color: #4a5047;
	font-size: 10px;
}

.sgh-variety-card__actions {
	display: grid;
	grid-template-columns: 1fr 1.15fr;
	gap: 8px;
	margin-top: auto;
}

.sgh-variety-card__actions .sgh-button {
	min-width: 0;
	padding-inline: 8px;
}

.sgh-compare-option {
	display: flex;
	align-items: center;
	gap: 7px;
	margin-top: 10px;
	color: var(--sgh-color-muted);
	font-size: 11px;
}

.sgh-compare-option input {
	width: 18px;
	height: 18px;
	margin: 0;
	accent-color: var(--sgh-color-primary);
}

.sgh-load-more {
	display: flex;
	justify-content: center;
	margin: 20px 0 0;
}

.sgh-seo-copy {
	display: grid;
	grid-template-columns: .9fr 1.1fr;
	gap: 32px;
	margin-top: 18px;
	padding: 22px;
}

.sgh-tag-list {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.sgh-tag-list a {
	display: inline-flex;
	padding: 7px 11px;
	border: 1px solid var(--sgh-color-border);
	border-radius: 7px;
	color: var(--sgh-color-primary);
	font-size: 12px;
	font-weight: 600;
}

.sgh-mobile-filter-toggle {
	display: none;
	width: 100%;
	margin-bottom: 14px;
}

.sgh-drawer-backdrop {
	display: none;
}

.sgh-compare-bar {
	position: fixed;
	z-index: 1000;
	bottom: 18px;
	left: 50%;
	display: flex;
	visibility: hidden;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	width: min(760px, calc(100vw - 32px));
	padding: 10px 12px 10px 18px;
	border: 1px solid #bdd8ad;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 14px 40px rgba(36, 66, 19, .2);
	opacity: 0;
	transform: translate(-50%, 20px);
	transition: opacity .2s ease, transform .2s ease, visibility .2s;
}

.sgh-compare-bar.is-visible {
	visibility: visible;
	opacity: 1;
	transform: translate(-50%, 0);
}

.sgh-compare-bar__actions {
	display: flex;
	gap: 8px;
}

/* Single variety. */
.sgh-variety-hero {
	display: grid;
	grid-template-columns: 560px minmax(0, 1fr);
	gap: 32px;
	align-items: start;
}

.sgh-gallery__main {
	position: relative;
	overflow: hidden;
	aspect-ratio: 1.75 / 1;
	border-radius: var(--sgh-radius-lg);
	background: var(--sgh-color-background-soft);
}

.sgh-gallery__main img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sgh-gallery__thumbs {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
	margin-top: 10px;
}

.sgh-gallery__thumb {
	position: relative;
	overflow: hidden;
	padding: 0;
	aspect-ratio: 4 / 3;
	border: 2px solid transparent;
	border-radius: var(--sgh-radius-sm);
	background: var(--sgh-color-background-soft);
}

.sgh-gallery__thumb[aria-current="true"] {
	border-color: var(--sgh-color-primary);
}

.sgh-gallery__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sgh-gallery[data-sgh-gallery-layout="atlas-3x2"] .sgh-gallery__thumb img,
.sgh-photo-grid[data-sgh-gallery-layout="atlas-3x2"] img,
.sgh-gallery[data-sgh-gallery-layout="atlas-3x2"] .sgh-gallery__main img {
	position: absolute;
	width: 300% !important;
	max-width: none !important;
	height: auto !important;
	object-fit: initial !important;
}

.sgh-gallery[data-sgh-gallery-layout="atlas-3x2"] .sgh-gallery__thumbs > :nth-child(1) img { top: -50%; left: 0; }
.sgh-gallery[data-sgh-gallery-layout="atlas-3x2"] .sgh-gallery__thumbs > :nth-child(2) img { top: -50%; left: -100%; }
.sgh-gallery[data-sgh-gallery-layout="atlas-3x2"] .sgh-gallery__thumbs > :nth-child(3) img { top: -50%; left: -200%; }
.sgh-gallery[data-sgh-gallery-layout="atlas-3x2"] .sgh-gallery__thumbs > :nth-child(4) img { top: -250%; left: 0; }

.sgh-photo-grid[data-sgh-gallery-layout="atlas-3x2"] > :nth-child(1) img { top: -66%; left: 0; }
.sgh-photo-grid[data-sgh-gallery-layout="atlas-3x2"] > :nth-child(2) img { top: -66%; left: -100%; }
.sgh-photo-grid[data-sgh-gallery-layout="atlas-3x2"] > :nth-child(3) img { top: -66%; left: -200%; }
.sgh-photo-grid[data-sgh-gallery-layout="atlas-3x2"] > :nth-child(4) img { top: -298%; left: 0; }
.sgh-photo-grid[data-sgh-gallery-layout="atlas-3x2"] > :nth-child(5) img { top: -298%; left: -100%; }
.sgh-photo-grid[data-sgh-gallery-layout="atlas-3x2"] > :nth-child(6) img { top: -298%; left: -200%; }

.sgh-gallery__main[data-sgh-sanka-atlas-cell="1"] img { top: -81%; left: 0; }
.sgh-gallery__main[data-sgh-sanka-atlas-cell="2"] img { top: -81%; left: -100%; }
.sgh-gallery__main[data-sgh-sanka-atlas-cell="3"] img { top: -81%; left: -200%; }
.sgh-gallery__main[data-sgh-sanka-atlas-cell="4"] img { top: -344%; left: 0; }

.sgh-variety-summary > p {
	color: #3f453d;
	font-size: 14px;
}

.sgh-spec-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0 28px;
	margin: 12px 0 16px;
}

.sgh-spec-grid__row {
	display: grid;
	grid-template-columns: minmax(115px, .9fr) minmax(0, 1.1fr);
	gap: 12px;
	padding: 7px 0;
	border-bottom: 1px dotted #dfe4dc;
	font-size: 11px;
}

.sgh-spec-grid__row dt {
	color: var(--sgh-color-muted);
}

.sgh-spec-grid__row dd {
	margin: 0;
	color: #2d322c;
	font-weight: 600;
}

.sgh-anchor-nav {
	position: sticky;
	z-index: 30;
	top: var(--sgh-sticky-offset, 0);
	display: grid;
	grid-template-columns: repeat(7, minmax(max-content, 1fr));
	overflow-x: auto;
	margin-top: 20px;
	border: 1px solid var(--sgh-color-border);
	border-radius: var(--sgh-radius-md);
	background: rgba(255, 255, 255, .97);
	backdrop-filter: blur(8px);
	scrollbar-width: none;
}

.sgh-anchor-nav a {
	display: flex;
	min-height: 52px;
	align-items: center;
	justify-content: center;
	padding: 8px 13px;
	border-bottom: 2px solid transparent;
	font-size: 12px;
	white-space: nowrap;
}

.sgh-anchor-nav a:hover,
.sgh-anchor-nav a.is-active {
	border-bottom-color: var(--sgh-color-primary);
	color: var(--sgh-color-primary);
}

.sgh-two-column {
	display: grid;
	grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
	gap: 16px;
}

.sgh-feature-list {
	display: grid;
	gap: 14px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.sgh-feature-list li {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr);
	gap: 10px;
	align-items: start;
	margin: 0;
}

.sgh-feature-list__icon {
	display: inline-flex;
	width: 34px;
	height: 34px;
	align-items: center;
	justify-content: center;
	border: 1px solid #b9d7a8;
	border-radius: 50%;
	background: var(--sgh-color-primary-soft);
}

.sgh-feature-list p {
	margin: 2px 0 0;
	color: #484d46;
	font-size: 12px;
}

.sgh-feature-columns {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
}

.sgh-yield-layout {
	display: grid;
	grid-template-columns: 230px minmax(0, 1fr);
	gap: 24px;
	align-items: center;
}

.sgh-yield-score {
	display: flex;
	min-height: 114px;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--sgh-color-primary);
	border-radius: var(--sgh-radius-md);
	background: linear-gradient(145deg, #fff, var(--sgh-color-primary-soft));
	color: var(--sgh-color-primary);
	text-align: center;
}

.sgh-yield-score strong {
	font-size: 30px;
	line-height: 1.1;
}

.sgh-yield-score small {
	font-size: 10px;
}

.sgh-photo-grid {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 12px;
}

.sgh-photo-grid a {
	position: relative;
	display: block;
	overflow: hidden;
	aspect-ratio: 1.55 / 1;
	border-radius: var(--sgh-radius-sm);
}

.sgh-photo-grid img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sgh-related-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
}

.sgh-related-card {
	display: grid;
	grid-template-columns: 108px minmax(0, 1fr);
	gap: 12px;
	overflow: hidden;
	padding: 10px;
	border: 1px solid var(--sgh-color-border);
	border-radius: var(--sgh-radius-sm);
}

.sgh-related-card__media {
	position: relative;
	width: 108px;
	height: 108px;
	overflow: hidden;
	border-radius: 6px;
}

.sgh-related-card__media img {
	width: 108px;
	height: 108px;
	object-fit: cover;
}

.sgh-related-card__media img[src*="tomato-atlas"] {
	position: absolute;
	width: 300% !important;
	max-width: none !important;
	height: auto !important;
	object-fit: initial;
}

.sgh-related-grid > :nth-child(1) .sgh-related-card__media img[src*="tomato-atlas"] { top: 0; left: -100%; }
.sgh-related-grid > :nth-child(2) .sgh-related-card__media img[src*="tomato-atlas"] { top: 0; left: -200%; }
.sgh-related-grid > :nth-child(3) .sgh-related-card__media img[src*="tomato-atlas"] { top: -100%; left: 0; }
.sgh-related-grid > :nth-child(4) .sgh-related-card__media img[src*="tomato-atlas"] { top: -100%; left: -100%; }

.sgh-related-card h3 {
	font-size: 13px;
}

.sgh-related-card__content {
	min-width: 0;
}

.sgh-related-card__content h3 {
	margin: 0 0 6px;
}

.sgh-related-card__meta {
	display: grid;
	gap: 4px;
	margin: 0 0 8px;
	padding: 0;
	list-style: none;
}

.sgh-related-card__meta li {
	display: flex;
	align-items: center;
	gap: 5px;
	margin: 0;
	font-size: 10px;
	line-height: 1.25;
}

.sgh-related-card__meta .sgh-icon {
	flex: 0 0 auto;
}

/* Disease and symptom pages. */
.sgh-article-hero {
	display: grid;
	grid-template-columns: minmax(0, .76fr) minmax(0, 1.24fr);
	gap: 36px;
	align-items: stretch;
}

.sgh-article-hero__copy {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 8px 0;
}

.sgh-article-hero__copy > p {
	color: #3f443d;
	font-size: 15px;
}

.sgh-appearance-box {
	margin-top: 8px;
	padding: 16px;
	border: 1px solid #afd19a;
	border-radius: var(--sgh-radius-md);
}

.sgh-appearance-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

.sgh-appearance-item {
	display: grid;
	grid-template-columns: 38px minmax(0, 1fr);
	gap: 9px;
	align-items: center;
	font-size: 11px;
}

.sgh-appearance-item__icon {
	display: inline-flex;
	width: 38px;
	height: 38px;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--sgh-color-primary);
	border-radius: 50%;
}

.sgh-media-mosaic {
	display: grid;
	grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr);
	grid-template-rows: repeat(2, minmax(0, 1fr));
	gap: 10px;
	min-height: 424px;
}

.sgh-media-mosaic__item {
	overflow: hidden;
	border-radius: var(--sgh-radius-lg);
	background: var(--sgh-color-background-soft);
}

.sgh-media-mosaic__item:first-child {
	grid-row: 1 / 3;
}

.sgh-media-mosaic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sgh-article-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 296px;
	gap: 24px;
	align-items: start;
	margin-top: 18px;
}

.sgh-article-main > :first-child {
	margin-top: 0;
}

.sgh-sidebar {
	display: grid;
	gap: 24px;
}

.sgh-sidebar-card {
	padding: 16px;
}

.sgh-sidebar-card ul {
	display: grid;
	gap: 4px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.sgh-sidebar-card li {
	margin: 0;
}

.sgh-sidebar-card a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 37px;
	padding: 7px 10px;
	border-radius: 7px;
	font-size: 12px;
}

.sgh-sidebar-card a:hover,
.sgh-sidebar-card a[aria-current="page"] {
	background: var(--sgh-color-primary-soft);
	color: var(--sgh-color-primary);
}

.sgh-help-card {
	margin-top: 360px;
	padding: 18px;
	border-color: #b8d7a6;
	background: linear-gradient(150deg, #fff, var(--sgh-color-primary-soft));
}

@media (min-width: 1025px) {
	.sgh-app--symptom .sgh-help-card {
		margin-top: 0;
	}
}

.sgh-step-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
}

.sgh-step-card {
	position: relative;
	min-height: 128px;
	padding: 16px 12px 12px 58px;
	border: 1px solid var(--sgh-color-border);
	border-radius: var(--sgh-radius-sm);
}

.sgh-step-card__number {
	position: absolute;
	top: 14px;
	left: 14px;
	display: inline-flex;
	width: 32px;
	height: 32px;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--sgh-color-primary);
	border-radius: 50%;
	color: var(--sgh-color-primary);
	font-weight: 700;
}

.sgh-step-card h3 {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 12px;
}

.sgh-step-card p {
	margin: 0;
	color: var(--sgh-color-muted);
	font-size: 10px;
}

.sgh-cause-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 12px;
}

.sgh-cause-card {
	display: flex;
	min-width: 0;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid var(--sgh-color-border);
	border-radius: var(--sgh-radius-sm);
}

.sgh-cause-card img {
	width: 100%;
	aspect-ratio: 1.34 / 1;
	object-fit: cover;
}

.sgh-cause-card__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 10px;
}

.sgh-cause-card h3 {
	font-size: 12px;
}

.sgh-cause-card .sgh-check-list {
	gap: 5px;
	margin-bottom: 12px !important;
}

.sgh-cause-card .sgh-check-list li {
	font-size: 9px;
}

.sgh-cause-card .sgh-button {
	margin-top: auto;
}

.sgh-condition-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
}

.sgh-condition {
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr);
	gap: 10px;
	align-items: center;
}

.sgh-condition__icon {
	display: inline-flex;
	width: 44px;
	height: 44px;
	align-items: center;
	justify-content: center;
	border: 1px solid #b8d7a6;
	border-radius: 50%;
}

.sgh-condition strong {
	display: block;
	font-size: 11px;
}

.sgh-condition small {
	color: var(--sgh-color-muted);
	font-size: 9px;
}

.sgh-table-wrap {
	overflow-x: auto;
	border: 1px solid var(--sgh-color-border);
	border-radius: var(--sgh-radius-sm);
}

.sgh-table {
	width: 100%;
	min-width: 680px;
	margin: 0 !important;
	border-collapse: collapse;
	font-size: 10px;
}

.sgh-table :where(th, td) {
	padding: 10px 11px;
	border-right: 1px solid var(--sgh-color-border);
	border-bottom: 1px solid var(--sgh-color-border);
	text-align: left;
	vertical-align: top;
}

.sgh-table th {
	background: var(--sgh-color-background-soft);
	font-size: 10px;
	font-weight: 700;
	text-transform: none;
}

.sgh-table tr:last-child td {
	border-bottom: 0;
}

.sgh-action-card-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
}

.sgh-action-card {
	display: grid;
	grid-template-columns: 40px minmax(0, 1fr);
	gap: 10px;
	padding: 14px;
	border: 1px solid var(--sgh-color-border);
	border-radius: var(--sgh-radius-sm);
}

.sgh-action-card h3 {
	font-size: 11px;
}

.sgh-action-card p {
	margin: 0;
	color: var(--sgh-color-muted);
	font-size: 9px;
}

.sgh-diagnostic-hero {
	display: grid;
	grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
	gap: 40px;
	align-items: stretch;
}

.sgh-diagnostic-card {
	margin-top: 16px;
	padding: 16px;
	border: 1px solid #afd19a;
	border-radius: var(--sgh-radius-md);
}

.sgh-variant-row {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 10px;
	margin: 12px 0;
}

.sgh-variant {
	overflow: hidden;
	padding: 0;
	border: 1px solid var(--sgh-color-border);
	border-radius: var(--sgh-radius-sm);
	background: #fff;
	color: var(--sgh-color-text);
	font-size: 11px;
	font-weight: 600;
	text-transform: none;
}

.sgh-variant img {
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

.sgh-variant span {
	display: block;
	padding: 7px 4px;
}

.sgh-variant[aria-pressed="true"] {
	border-color: var(--sgh-color-primary);
	box-shadow: inset 0 0 0 1px var(--sgh-color-primary);
}

.sgh-diagnostic-status {
	margin: 10px 0 0;
	padding: 10px 12px;
	border-radius: 7px;
	background: var(--sgh-color-primary-soft);
	color: #436238;
	font-size: 11px;
}

.sgh-diagnostic-status[hidden] {
	display: none !important;
}

.sgh-tabs {
	display: grid;
	grid-template-columns: repeat(6, minmax(max-content, 1fr));
	overflow-x: auto;
	margin-bottom: 16px;
	border-bottom: 1px solid var(--sgh-color-border);
	scrollbar-width: none;
}

.sgh-tabs a {
	display: flex;
	min-height: 52px;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 10px 12px;
	border-bottom: 2px solid transparent;
	font-size: 11px;
	white-space: nowrap;
}

.sgh-tabs a:first-child,
.sgh-tabs a:hover {
	border-bottom-color: var(--sgh-color-primary);
	color: var(--sgh-color-primary);
}

.sgh-mobile-related {
	display: none;
}

.sgh-mobile-related summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
	font-size: 16px;
	font-weight: 700;
	list-style: none;
}

.sgh-mobile-related summary::-webkit-details-marker {
	display: none;
}

.sgh-mobile-related summary::after {
	color: var(--sgh-color-primary);
	content: "+";
	font-size: 20px;
}

.sgh-mobile-related[open] summary::after {
	content: "−";
}

.sgh-mobile-related .sgh-check-list {
	margin-top: 12px;
}

/* Accordions and product rail. */
.sgh-accordion {
	border-top: 1px solid var(--sgh-color-border);
}

.sgh-accordion__item {
	border-bottom: 1px solid var(--sgh-color-border);
}

.sgh-accordion__trigger {
	display: flex;
	width: 100%;
	min-height: 44px;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 9px 4px;
	border: 0;
	background: transparent;
	color: var(--sgh-color-text);
	font-size: 12px;
	font-weight: 500;
	text-align: left;
	text-transform: none;
}

.sgh-app .sgh-accordion__trigger {
	background: #fff !important;
	text-align: left !important;
	text-transform: none !important;
}

.sgh-app .sgh-button {
	text-transform: none !important;
}

.sgh-accordion__trigger::after {
	flex: 0 0 auto;
	content: "+";
	color: var(--sgh-color-muted);
	font-size: 18px;
}

.sgh-accordion__trigger[aria-expanded="true"]::after {
	content: "−";
}

.sgh-accordion__panel {
	padding: 0 4px 14px;
	color: #484e46;
	font-size: 12px;
}

.sgh-product-rail {
	margin-top: 18px;
	padding: 16px;
}

.sgh-product-rail__body {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 12px;
	align-items: stretch;
}

.sgh-product-rail__products {
	grid-column: span 5;
	min-width: 0;
}

.sgh-product-rail__all-card {
	display: flex;
	min-height: 188px;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 16px;
	border: 1px solid var(--sgh-color-primary);
	border-radius: var(--sgh-radius-sm);
	color: var(--sgh-color-primary) !important;
	font-size: 12px;
	font-weight: 700;
	text-align: center;
}

.sgh-product-rail__all-card:hover {
	background: var(--sgh-color-primary-soft);
}

.sgh-app--disease .sgh-product-rail__body,
.sgh-app--symptom .sgh-product-rail__body {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

.sgh-app--disease .sgh-product-rail__products,
.sgh-app--symptom .sgh-product-rail__products {
	grid-column: span 4;
}

.sgh-product-rail .products {
	margin-bottom: 0 !important;
}

.sgh-product-rail .wd-products {
	--wd-col-lg: 6;
	--wd-col-md: 3;
	--wd-col-sm: 2;
}

.sgh-product-rail .wd-product {
	min-width: 0;
}

@media (min-width: 1025px) {
	.sgh-product-rail[data-sgh-product-count="1"] .sgh-product-rail__body {
		grid-template-columns: minmax(0, 240px) minmax(0, 190px);
		justify-content: start;
	}

	.sgh-product-rail[data-sgh-product-count="1"] .sgh-product-rail__products {
		grid-column: span 1;
	}

	.sgh-product-rail[data-sgh-product-count="1"] .sgh-product-rail__products :is(.products, .wd-products) {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	.sgh-product-rail[data-sgh-product-count="1"] .sgh-product-rail__all-card {
		min-height: 148px;
	}

	.sgh-app--variety .sgh-product-rail[data-sgh-product-count="1"] .sgh-product-rail__body {
		grid-template-columns: minmax(0, 240px) minmax(0, 1fr) minmax(0, 190px);
	}

	.sgh-app--variety .sgh-product-rail[data-sgh-product-count="1"] .sgh-product-rail__all-card {
		grid-column: 3;
	}
}

.sgh-product-rail .product-element-top {
	background: #fff;
}

.sgh-product-rail .wd-entities-title {
	font-size: 12px;
}

.sgh-product-rail .price {
	font-size: 14px;
}

.sgh-compare-table th:first-child,
.sgh-compare-table td:first-child {
	position: sticky;
	left: 0;
	z-index: 2;
	background: #fff;
}

/* Responsive. */
@media (min-width: 1025px) {
	.sgh-app--culture .sgh-hero--culture {
		grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
		height: auto;
		min-height: 312px;
	}

	.sgh-app--culture .sgh-hero__media {
		height: auto;
		min-height: 312px;
	}

	.sgh-app--archive {
		padding-top: 53px;
	}

	.sgh-app--archive .sgh-search-panel {
		padding: 13px;
	}

	.sgh-app--archive .sgh-search-field input,
	.sgh-app--archive .sgh-search-panel > .sgh-button {
		height: 54px;
		min-height: 54px;
	}

	.sgh-app--archive .sgh-search-field input {
		padding-left: 46px !important;
	}

	.sgh-app--archive .sgh-seo-chips {
		grid-template-columns: repeat(24, minmax(0, 1fr));
		column-gap: 18px;
		row-gap: 18px;
		margin-bottom: 23px;
	}

	.sgh-app--archive .sgh-chip {
		grid-column: span 4;
	}

	.sgh-app--archive .sgh-chip:nth-child(1),
	.sgh-app--archive .sgh-chip:nth-child(3) {
		grid-column: span 5;
	}

	.sgh-app--archive .sgh-chip:nth-child(2) {
		grid-column: span 6;
	}

	.sgh-app--archive .sgh-filter-heading {
		margin-bottom: 24px;
	}

	.sgh-app--archive .sgh-filter-group {
		padding: 24px 0;
	}

	.sgh-app--archive .sgh-filter-group legend {
		margin-bottom: 14px;
	}

	.sgh-app--archive .sgh-filter-options {
		gap: 20px;
	}

	.sgh-app--culture .sgh-hero__media img {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.sgh-mobile-filter-toggle {
		display: none !important;
	}

	.sgh-product-rail__products :is(.products, .wd-products) {
		display: grid !important;
		grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
		gap: 12px !important;
	}

	.sgh-app--disease .sgh-product-rail__products :is(.products, .wd-products),
	.sgh-app--symptom .sgh-product-rail__products :is(.products, .wd-products) {
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	}

	.sgh-product-rail :is(.product, .wd-product) {
		width: auto !important;
		max-width: none !important;
		margin: 0 !important;
		font-size: 11px;
	}

	.sgh-product-rail .wd-product-wrapper {
		display: flex;
		height: 100%;
		flex-direction: column;
	}

	.sgh-product-rail .product-element-top {
		height: 128px !important;
		min-height: 128px !important;
		overflow: hidden;
	}

	.sgh-product-rail .product-element-top img {
		width: 100% !important;
		height: 100% !important;
		object-fit: contain !important;
	}

	.sgh-product-rail .product-element-bottom {
		display: flex;
		flex: 1;
		flex-direction: column;
		padding: 8px 6px 0;
	}

	.sgh-product-rail .wd-product-cats {
		display: none;
	}

	.sgh-product-rail .wd-entities-title {
		display: -webkit-box;
		overflow: hidden;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}

	.sgh-product-rail .wd-product-footer {
		margin-top: auto;
	}

	.sgh-app--disease .sgh-media-mosaic {
		height: 424px;
		min-height: 424px;
		align-self: start;
	}

	.sgh-app--symptom .sgh-media-mosaic {
		height: 435px;
		min-height: 435px;
		align-self: start;
	}

	.sgh-app--symptom .sgh-variant img {
		display: block !important;
		width: 100% !important;
		height: 68px !important;
		aspect-ratio: auto;
		object-fit: cover !important;
	}

	.sgh-app--symptom .sgh-variant {
		display: block !important;
		width: 100%;
	}

	.sgh-app--culture .sgh-hero h1 {
		font-size: 30px;
	}

	.sgh-app--variety .sgh-variety-summary h1 {
		font-size: 25px;
		letter-spacing: -.015em;
	}

	.sgh-app--variety .sgh-variety-hero {
		gap: 24px;
	}

	.sgh-app--variety .sgh-section:not(.sgh-section--flush) {
		margin-top: 12px;
		padding: 12px;
	}

	.sgh-app--variety .sgh-section__header {
		margin-bottom: 10px;
	}

	.sgh-app--variety .sgh-feature-list {
		gap: 10px;
	}

	.sgh-app--variety .sgh-yield-score {
		min-height: 96px;
	}

	.sgh-app--variety .sgh-photo-grid {
		gap: 10px;
	}

	.sgh-app--variety .sgh-photo-grid a {
		aspect-ratio: 1.7 / 1;
	}

	.sgh-app--variety .sgh-related-card {
		grid-template-columns: 118px minmax(0, 1fr);
		gap: 10px;
		min-height: 170px;
	}

	.sgh-app--variety #related {
		padding: 0;
		border: 0;
		border-radius: 0;
		background: transparent;
	}

	.sgh-app--variety #related > h2 {
		display: none;
	}

	.sgh-app--variety .sgh-related-card__media,
	.sgh-app--variety .sgh-related-card__media img {
		width: 118px;
		height: 142px;
	}

	.sgh-app--variety .sgh-accordion__trigger {
		min-height: 40px;
	}

	.sgh-app--symptom .sgh-article-hero__copy > h1 {
		font-size: 27px;
		letter-spacing: -.02em;
	}

	.sgh-app--variety .sgh-accordion {
		display: grid;
		grid-auto-flow: column;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-template-rows: repeat(3, auto);
		column-gap: 32px;
		border-top: 0;
	}

	.sgh-app--variety .sgh-accordion__item {
		border-top: 1px solid var(--sgh-color-border);
	}

	.sgh-app--variety .sgh-product-rail .product-element-top,
	.sgh-app--disease .sgh-product-rail .product-element-top,
	.sgh-app--symptom .sgh-product-rail .product-element-top {
		height: 88px !important;
		min-height: 88px !important;
	}

	.sgh-app--variety .sgh-product-rail[data-sgh-product-count="1"] .product-element-top {
		height: 72px !important;
		min-height: 72px !important;
	}

	.sgh-app--variety .sgh-product-rail[data-sgh-product-count="1"] .sgh-product-rail__all-card {
		min-height: 124px;
	}

	.sgh-app--variety .sgh-product-rail__all-card,
	.sgh-app--disease .sgh-product-rail__all-card,
	.sgh-app--symptom .sgh-product-rail__all-card {
		min-height: 148px;
	}

	.sgh-app--disease .sgh-article-main > .sgh-section {
		margin-top: 12px;
		padding: 12px;
	}

	.sgh-app--disease .sgh-step-card {
		min-height: 108px;
		padding: 12px 10px 10px 50px;
	}

	.sgh-app--disease .sgh-step-card__number {
		top: 11px;
		left: 10px;
		width: 30px;
		height: 30px;
	}

	.sgh-app--disease .sgh-condition-grid {
		gap: 10px;
	}

	.sgh-app--disease .sgh-condition {
		grid-template-columns: 36px minmax(0, 1fr);
		gap: 7px;
	}

	.sgh-app--disease .sgh-condition__icon {
		width: 36px;
		height: 36px;
	}

	.sgh-app--disease .sgh-section__cta {
		margin-top: 8px;
	}

	.sgh-app--disease .sgh-check-list {
		gap: 6px;
		margin-bottom: 10px !important;
	}

	.sgh-app--disease .sgh-action-card {
		padding: 10px;
	}

	.sgh-app--culture .sgh-hub-main {
		gap: 12px;
	}

	.sgh-app--culture .sgh-hub-main > .sgh-section {
		margin-top: 4px;
		padding: 12px;
	}

	.sgh-app--culture .sgh-product-rail {
		min-height: 327px;
	}

	.sgh-app--culture .sgh-accordion__trigger {
		min-height: 36px;
		padding: 5px 4px;
	}

	.sgh-app--culture .sgh-section-map {
		padding: 12px 22px;
	}

	.sgh-app--culture .sgh-section-map ul {
		gap: 2px;
	}

	.sgh-app--culture .sgh-section-map h3 {
		margin-bottom: 6px;
	}

	.sgh-app--culture .sgh-section-map a {
		font-size: 10px;
		line-height: 1.35;
	}

	.sgh-app--culture .sgh-image-card__body {
		padding: 6px 8px;
	}

	.sgh-app--culture .sgh-category-nav {
		gap: 8px;
		margin-top: 12px;
	}

	.sgh-app--culture .sgh-category-card {
		min-height: 68px;
		gap: 5px;
		padding: 6px 4px;
	}

	.sgh-app--culture .sgh-category-card .sgh-icon--lg {
		width: 26px;
		height: 26px;
	}

	.sgh-app--culture .sgh-hub-grid {
		grid-template-columns: 300px minmax(0, 1fr);
		gap: 12px;
		margin-top: 12px;
	}

	.sgh-app--culture .sgh-season {
		padding: 12px;
	}

	.sgh-app--culture > .sgh-season {
		margin-top: 12px;
	}

	.sgh-app--culture .sgh-season__feature {
		margin-bottom: 10px;
	}

	.sgh-app--culture .sgh-season .sgh-check-list {
		gap: 6px;
		margin-bottom: 12px !important;
	}

	.sgh-app--culture .sgh-hub-main .sgh-image-card__media,
	.sgh-app--culture .sgh-module--varieties .sgh-image-card__media {
		aspect-ratio: 4.2 / 1;
	}

	.sgh-app--culture > .sgh-section,
	.sgh-app--culture > .sgh-split .sgh-section,
	.sgh-app--culture > .sgh-bottom-grid .sgh-section {
		margin-top: 12px;
		padding: 12px;
	}

	.sgh-app--culture > #symptoms .sgh-image-card__media {
		aspect-ratio: 2.5 / 1;
	}

	.sgh-app--culture .sgh-disease-card img {
		aspect-ratio: 1.35 / 1;
	}

	.sgh-app--culture .sgh-disease-card__body {
		padding: 7px;
	}

	.sgh-app--culture .sgh-disease-card__body p {
		display: -webkit-box;
		overflow: hidden;
		margin: 4px 0;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
	}

	.sgh-app--culture .sgh-nutrient {
		gap: 5px;
		padding: 7px 4px;
	}

	.sgh-app--culture .sgh-nutrient__symbol {
		width: 44px;
		height: 44px;
		font-size: 18px;
	}

	.sgh-app--culture .sgh-section__cta {
		margin-top: 10px;
	}

	.sgh-app--culture .sgh-article-card img {
		aspect-ratio: 2 / 1;
	}

	.sgh-app--culture .sgh-article-card__body {
		padding: 6px;
	}

	.sgh-app--symptom .sgh-cause-card {
		min-height: 340px;
	}

	.sgh-app--symptom .sgh-cause-card img {
		aspect-ratio: 1.18 / 1;
	}

	.sgh-app--symptom .sgh-cause-card__body {
		padding: 11px;
	}

	.sgh-app--symptom .sgh-cause-card h3 {
		margin-bottom: 8px;
		font-size: 14px;
	}

	.sgh-app--symptom .sgh-cause-card .sgh-check-list li {
		font-size: 10px;
		line-height: 1.35;
	}
}

@media (max-width: 1420px) {
	.sgh-app {
		width: calc(100% - 50px);
	}
}

@media (min-width: 1201px) {
	.sgh-app--archive .sgh-variety-card__body {
		min-height: 236px;
	}

	.sgh-app--disease #related-symptoms > h2 {
		margin-bottom: 0;
	}

	.sgh-app--disease #related-symptoms .sgh-related-card {
		display: flex;
		flex-direction: column;
		gap: 0;
		padding: 0;
	}

	.sgh-app--disease #related-symptoms .sgh-related-card > img {
		display: block;
		width: 100%;
		height: auto;
		aspect-ratio: 1.72 / 1;
		object-fit: cover;
	}

	.sgh-app--disease #related-symptoms .sgh-related-card > div {
		display: flex;
		flex: 1;
		flex-direction: column;
		align-items: flex-start;
		padding: 12px;
	}

	.sgh-app--disease #related-symptoms .sgh-related-card h3 {
		margin: 0 0 8px;
		font-size: 14px;
	}

	.sgh-app--symptom #faq {
		padding: 0;
		border: 0;
		border-radius: 0;
	}

	.sgh-app--symptom #faq > h2 {
		margin-bottom: 8px;
	}

	.sgh-app--symptom #faq .sgh-accordion {
		border: 1px solid var(--sgh-color-border);
		border-radius: var(--sgh-radius-sm);
	}

	.sgh-app--symptom #faq .sgh-accordion__item > h3 {
		margin: 0;
	}

	.sgh-app--symptom #faq .sgh-accordion__item:last-child {
		border-bottom: 0;
	}

	.sgh-app--symptom #faq .sgh-accordion__trigger {
		height: 32px;
		min-height: 32px;
		justify-content: space-between !important;
		padding: 3px 10px;
		font-size: 11px;
		font-weight: 400;
		line-height: 1.25;
		text-align: left !important;
	}
}

@media (min-width: 1280px) {
	.sgh-app--variety {
		padding-bottom: 0;
	}

	.sgh-app--variety .sgh-variety-summary h1 {
		font-size: 24px;
	}

	.sgh-app--variety .sgh-gallery__main[data-sgh-sanka-atlas-cell="1"] img {
		top: -8%;
	}

	.sgh-app--variety .sgh-accordion__trigger {
		height: 30px !important;
		min-height: 30px !important;
		padding: 2px 4px !important;
		font-size: 11px;
		line-height: 1.2;
	}
}

@media (min-width: 1025px) {
	.sgh-app--culture {
		margin-bottom: -30px;
		padding-bottom: 0;
	}

	.sgh-app--culture .sgh-module--faq .sgh-accordion__item > h3 {
		margin: 0;
	}

	.sgh-app--variety {
		margin-bottom: -32px;
	}

	.sgh-app--variety .sgh-product-rail .sgh-section__header > h2 {
		margin-bottom: 0 !important;
	}

	.sgh-app--variety .sgh-variety-faq {
		padding: 8px 12px;
	}

	.sgh-app--variety .sgh-variety-faq > h2 {
		margin: 0 0 8px;
	}

	.sgh-app--variety .sgh-variety-faq .sgh-accordion__item > h3 {
		margin: 0;
	}

	.sgh-app--disease #prevention > .sgh-check-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: 28px;
	}
}

@media (max-width: 1200px) {
	.sgh-category-nav {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}

	.sgh-variety-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.sgh-variety-hero {
		grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr);
		gap: 24px;
	}

	.sgh-photo-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.sgh-related-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 1024px) {
	body.sgh-drawer-open {
		overflow: hidden;
	}

	.sgh-app {
		width: calc(100% - 48px);
		padding-top: 14px;
	}

	.sgh-hub-grid,
	.sgh-catalog-layout,
	.sgh-article-layout {
		grid-template-columns: minmax(0, 1fr);
	}

	.sgh-season {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr) auto;
		gap: 16px;
		align-items: center;
	}

	.sgh-season h2 {
		grid-column: 1 / -1;
	}

	.sgh-filter-sidebar {
		position: static;
	}

	.sgh-app.sgh-drawer-enhanced .sgh-filter-sidebar {
		position: fixed;
		z-index: 1200;
		top: 0;
		bottom: 0;
		left: 0;
		visibility: hidden;
		width: min(420px, 90vw);
		padding: 24px;
		overflow-y: auto;
		background: #fff;
		box-shadow: 12px 0 32px rgba(0, 0, 0, .18);
		transform: translateX(-105%);
		transition: transform .25s ease, visibility 0s linear .25s;
	}

	.sgh-app.sgh-drawer-enhanced .sgh-filter-sidebar.is-open {
		visibility: visible;
		transform: translateX(0);
		transition-delay: 0s;
	}

	.sgh-app.sgh-drawer-enhanced .sgh-drawer-backdrop {
		position: fixed;
		z-index: 1190;
		inset: 0;
		background: rgba(20, 24, 18, .42);
	}

	.sgh-app.sgh-drawer-enhanced .sgh-drawer-backdrop.is-open {
		display: block;
	}

	.sgh-app.sgh-drawer-enhanced .sgh-mobile-filter-toggle {
		display: inline-flex;
	}

	.sgh-sidebar {
		display: none;
	}

	.sgh-help-card {
		margin-top: 0;
	}

	.sgh-mobile-related {
		display: block;
	}

	.sgh-stage-timeline,
	.sgh-step-grid,
	.sgh-action-card-grid,
	.sgh-condition-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.sgh-cause-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 768.98px) {
	body.sgh-drawer-open {
		overflow: hidden;
	}

	.sgh-app {
		width: calc(100% - 32px);
		max-width: calc(100% - 32px);
		padding-bottom: 32px;
		font-size: 13px;
	}

	.sgh-hub-grid,
	.sgh-season,
	.sgh-article-layout,
	.sgh-article-main,
	.sgh-article-hero__copy,
	.sgh-diagnostic-card,
	.sgh-table-wrap,
	.sgh-variant-row {
		width: 100%;
		max-width: 100%;
	}

	.sgh-app h1 {
		font-size: 27px;
	}

	.sgh-app h2 {
		font-size: 18px;
	}

	.sgh-hero--culture,
	.sgh-variety-hero,
	.sgh-article-hero,
	.sgh-diagnostic-hero {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.sgh-hero--culture {
		min-height: 0;
	}

	.sgh-hero__content {
		padding: 24px 20px;
	}

	.sgh-hero__media {
		min-height: 230px;
		order: -1;
	}

	.sgh-hero__media::before {
		inset: auto 0 0;
		width: auto;
		height: 25%;
		background: linear-gradient(0deg, #fff, rgba(255, 255, 255, 0));
	}

	.sgh-hero__actions {
		width: 100%;
	}

	.sgh-hero__actions .sgh-button {
		flex: 1 1 100%;
	}

	.sgh-quick-actions {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.sgh-quick-actions .sgh-button {
		padding-inline: 9px;
	}

	.sgh-category-nav {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.sgh-category-card {
		min-height: 74px;
	}

	.sgh-season {
		display: block;
	}

	.sgh-season .sgh-button {
		width: 100%;
	}

	.sgh-image-card-grid,
	.sgh-symptom-grid,
	.sgh-disease-grid,
	.sgh-nutrient-grid,
	.sgh-article-grid,
	.sgh-section-map,
	.sgh-split,
	.sgh-bottom-grid,
	.sgh-two-column,
	.sgh-feature-columns,
	.sgh-seo-copy {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.sgh-split,
	.sgh-bottom-grid,
	.sgh-two-column,
	.sgh-seo-copy {
		grid-template-columns: 1fr;
	}

	.sgh-search-panel {
		grid-template-columns: 1fr;
	}

	.sgh-seo-chips {
		display: flex;
		overflow-x: auto;
		padding-bottom: 5px;
		scroll-snap-type: x proximity;
	}

	.sgh-chip {
		min-width: 154px;
		scroll-snap-align: start;
	}

	.sgh-catalog-layout {
		padding: 12px;
	}

	.sgh-catalog-toolbar {
		align-items: flex-start;
		flex-direction: column;
	}

	.sgh-sort {
		width: 100%;
	}

	.sgh-sort select {
		flex: 1;
		min-width: 0;
	}

	.sgh-variety-grid {
		grid-template-columns: 1fr;
	}

	.sgh-gallery__main {
		aspect-ratio: 1.45 / 1;
	}

	.sgh-spec-grid {
		grid-template-columns: 1fr;
	}

	.sgh-anchor-nav {
		position: relative;
		top: auto;
		grid-template-columns: repeat(7, max-content);
	}

	.sgh-stage-timeline {
		display: flex;
		overflow-x: auto;
		padding-bottom: 8px;
		scroll-snap-type: x proximity;
	}

	.sgh-stage-timeline__item {
		flex: 0 0 210px;
		scroll-snap-align: start;
	}

	.sgh-yield-layout {
		grid-template-columns: 1fr;
	}

	.sgh-photo-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.sgh-related-grid {
		grid-template-columns: 1fr;
	}

	.sgh-article-hero__copy {
		padding: 0;
	}

	.sgh-media-mosaic {
		min-height: 330px;
	}

	.sgh-article-layout {
		margin-top: 14px;
	}

	.sgh-step-grid,
	.sgh-action-card-grid,
	.sgh-condition-grid {
		grid-template-columns: 1fr;
	}

	.sgh-cause-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.sgh-variant-row {
		display: flex;
		overflow-x: auto;
		padding-bottom: 6px;
	}

	.sgh-variant {
		flex: 0 0 105px;
	}

	.sgh-tabs {
		grid-template-columns: repeat(6, max-content);
	}

	.sgh-product-rail {
		overflow: hidden;
	}

	.sgh-product-rail__body {
		display: block;
	}

	.sgh-product-rail__all-card {
		min-height: 48px;
		margin-top: 12px;
	}

	.sgh-product-rail .products,
	.sgh-product-rail .wd-products {
		display: flex !important;
		overflow-x: auto;
		padding-bottom: 8px;
		scroll-snap-type: x proximity;
	}

	.sgh-product-rail .product,
	.sgh-product-rail .wd-product {
		flex: 0 0 72%;
		max-width: 72%;
		scroll-snap-align: start;
	}

	.sgh-compare-bar {
		bottom: 10px;
		align-items: flex-start;
		flex-direction: column;
	}

	.sgh-compare-bar__actions {
		width: 100%;
	}

	.sgh-compare-bar__actions .sgh-button {
		flex: 1;
	}
}

@media (max-width: 420px) {
	.sgh-image-card-grid,
	.sgh-symptom-grid,
	.sgh-disease-grid,
	.sgh-nutrient-grid,
	.sgh-article-grid,
	.sgh-section-map,
	.sgh-cause-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.sgh-section {
		padding: 13px;
	}

	.sgh-related-card {
		grid-template-columns: 90px minmax(0, 1fr);
	}

	.sgh-related-card__media,
	.sgh-related-card__media img {
		width: 90px;
		height: 106px;
	}
}

/* Tomato feeding calculator. */
.sgh-app--feeding {
	--sgh-feeding-ink: #17301c;
	--sgh-feeding-mint: #eaf4e4;
	--sgh-feeding-warm: #fff8ec;
}

.sgh-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	margin-bottom: 10px;
	color: var(--sgh-color-primary);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .09em;
	text-transform: uppercase;
}

.sgh-eyebrow::before {
	width: 20px;
	height: 2px;
	background: currentColor;
	content: "";
}

.sgh-feeding-hero {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1.16fr) minmax(360px, .84fr);
	min-height: 440px;
	overflow: hidden;
	border: 1px solid #dce8d6;
	border-radius: 22px;
	background: linear-gradient(125deg, #f7fbf4 0%, #edf6e8 58%, #e3f0dd 100%);
}

.sgh-feeding-hero::after {
	position: absolute;
	bottom: -90px;
	left: 42%;
	width: 240px;
	height: 240px;
	border: 48px solid rgb(72 135 42 / 7%);
	border-radius: 50%;
	content: "";
}

.sgh-feeding-hero__content {
	position: relative;
	z-index: 2;
	display: flex;
	max-width: 740px;
	flex-direction: column;
	justify-content: center;
	padding: clamp(34px, 5vw, 68px);
}

.sgh-feeding-hero h1 {
	max-width: 680px;
	margin-bottom: 18px;
	color: var(--sgh-feeding-ink);
	font-size: clamp(34px, 4.4vw, 58px);
	line-height: 1.04;
	letter-spacing: -.035em;
}

.sgh-feeding-hero__content > p {
	max-width: 660px;
	margin-bottom: 24px;
	color: #435147;
	font-size: 16px;
	line-height: 1.7;
}

.sgh-feeding-hero__facts {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 22px;
	margin: 24px 0 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.sgh-feeding-hero__facts li {
	position: relative;
	margin: 0 !important;
	padding-left: 17px;
	color: #38513e;
	font-size: 12px;
	font-weight: 700;
}

.sgh-feeding-hero__facts li::before {
	position: absolute;
	top: .42em;
	left: 0;
	width: 8px;
	height: 8px;
	border: 2px solid #fff;
	border-radius: 50%;
	background: var(--sgh-color-primary);
	box-shadow: 0 0 0 1px var(--sgh-color-primary);
	content: "";
}

.sgh-feeding-hero__media {
	position: relative;
	min-height: 440px;
	padding: 28px 28px 74px 0;
}

.sgh-feeding-hero__image,
.sgh-feeding-hero__image img {
	width: 100%;
	height: 100%;
	min-height: 338px;
}

.sgh-feeding-hero__image {
	overflow: hidden;
	border: 7px solid rgb(255 255 255 / 75%);
	border-radius: 42% 18px 42% 18px;
	box-shadow: 0 20px 52px rgb(39 80 29 / 16%);
}

.sgh-feeding-hero__image img {
	object-fit: cover;
}

.sgh-feeding-hero__badge {
	position: absolute;
	right: 46px;
	bottom: 34px;
	left: -12px;
	z-index: 2;
	display: flex;
	flex-direction: column;
	gap: 3px;
	padding: 14px 18px;
	border: 1px solid rgb(255 255 255 / 78%);
	border-radius: 12px;
	background: rgb(255 255 255 / 92%);
	box-shadow: 0 12px 34px rgb(29 62 21 / 14%);
	backdrop-filter: blur(8px);
}

.sgh-feeding-hero__badge strong {
	color: var(--sgh-feeding-ink);
	font-size: 13px;
}

.sgh-feeding-hero__badge span {
	color: var(--sgh-color-muted);
	font-size: 11px;
}

.sgh-feeding-nav {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin: 16px 0;
	border: 1px solid var(--sgh-color-border);
	border-radius: 12px;
	background: #fff;
}

.sgh-feeding-nav a {
	display: flex;
	min-height: 60px;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 12px 16px;
	font-size: 12px;
	font-weight: 700;
	text-align: center;
}

.sgh-feeding-nav a + a {
	border-left: 1px solid var(--sgh-color-border);
}

.sgh-feeding-nav a:hover {
	background: var(--sgh-color-primary-soft);
}

.sgh-feeding-nav span {
	color: #8a9587;
	font-size: 10px;
	font-weight: 800;
}

.sgh-feeding-calculator {
	display: grid;
	grid-template-columns: minmax(280px, .82fr) minmax(0, 1.18fr);
	gap: clamp(24px, 4vw, 58px);
	padding: clamp(24px, 4vw, 52px);
	border: 0;
	border-radius: 18px;
	background: var(--sgh-feeding-ink);
	color: #f5f8f3;
}

.sgh-feeding-calculator h2 {
	color: #fff;
	font-size: clamp(26px, 3vw, 38px);
	letter-spacing: -.02em;
}

.sgh-feeding-calculator__intro > p {
	max-width: 520px;
	color: #cfdbce;
	line-height: 1.7;
}

.sgh-feeding-calculator .sgh-eyebrow {
	color: #a8d990;
}

.sgh-feeding-callout {
	display: flex;
	gap: 13px;
	align-items: flex-start;
	margin-top: 28px;
	padding: 15px;
	border: 1px solid rgb(255 255 255 / 14%);
	border-radius: 12px;
	background: rgb(255 255 255 / 6%);
}

.sgh-feeding-callout .sgh-icon {
	color: #a8d990;
}

.sgh-feeding-callout p {
	display: flex;
	flex-direction: column;
	gap: 3px;
	margin: 0;
}

.sgh-feeding-callout strong {
	color: #fff;
	font-size: 12px;
}

.sgh-feeding-callout span {
	color: #bdcbbb;
	font-size: 11px;
}

.sgh-feeding-calculator__workbench {
	display: grid;
	gap: 16px;
	align-content: start;
}

.sgh-feeding-form {
	display: grid;
	gap: 16px;
	padding: clamp(18px, 3vw, 28px);
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 22px 60px rgb(0 0 0 / 18%);
	color: var(--sgh-color-text);
}

.sgh-feeding-form__row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
}

.sgh-feeding-field {
	display: grid;
	gap: 7px;
}

.sgh-feeding-field label {
	color: #384139;
	font-size: 12px;
	font-weight: 800;
}

.sgh-feeding-field select,
.sgh-feeding-field input {
	width: 100%;
	height: 48px;
	margin: 0;
	padding: 0 14px;
	border: 1px solid #ccd7c9;
	border-radius: 9px;
	background-color: #fbfcfa;
	color: var(--sgh-color-text);
	font: inherit;
	font-size: 13px;
}

.sgh-feeding-field select {
	padding-right: 38px;
}

.sgh-feeding-number {
	position: relative;
}

.sgh-feeding-number input {
	padding-right: 42px;
}

.sgh-feeding-number span {
	position: absolute;
	top: 50%;
	right: 14px;
	color: var(--sgh-color-muted);
	font-size: 12px;
	font-weight: 700;
	transform: translateY(-50%);
	pointer-events: none;
}

.sgh-feeding-submit {
	width: 100%;
	margin-top: 2px;
	cursor: pointer;
}

.sgh-feeding-submit .sgh-icon {
	color: #fff;
}

.sgh-feeding-noscript {
	margin: 0;
	color: var(--sgh-color-danger);
	font-size: 11px;
}

.sgh-feeding-result {
	position: relative;
	overflow: hidden;
	padding: 22px;
	border: 1px solid rgb(168 217 144 / 44%);
	border-radius: 14px;
	background: linear-gradient(135deg, rgb(78 130 52 / 34%), rgb(255 255 255 / 7%));
}

.sgh-feeding-result::after {
	position: absolute;
	top: -46px;
	right: -38px;
	width: 130px;
	height: 130px;
	border: 26px solid rgb(168 217 144 / 8%);
	border-radius: 50%;
	content: "";
}

.sgh-feeding-result__top {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 16px;
	padding-bottom: 12px;
	border-bottom: 1px solid rgb(255 255 255 / 14%);
}

.sgh-feeding-result__top span {
	color: #a8d990;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.sgh-feeding-result__top strong {
	color: #fff;
	font-size: 13px;
	text-align: right;
}

.sgh-feeding-result__dose {
	display: flex;
	flex-direction: column;
	margin-bottom: 18px;
}

.sgh-feeding-result__dose span {
	color: #fff;
	font-size: clamp(34px, 5vw, 50px);
	font-weight: 800;
	line-height: 1;
}

.sgh-feeding-result__dose small {
	margin-top: 6px;
	color: #d7e4d5;
	font-size: 13px;
	font-weight: 700;
}

.sgh-feeding-result__meta {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 9px;
	margin: 0 0 16px;
}

.sgh-feeding-result__meta div {
	padding: 10px;
	border-radius: 8px;
	background: rgb(255 255 255 / 7%);
}

.sgh-feeding-result__meta dt {
	margin-bottom: 3px;
	color: #aabaaa;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.sgh-feeding-result__meta dd {
	margin: 0;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
}

.sgh-feeding-result__instruction,
.sgh-feeding-result__warning {
	margin: 0;
	font-size: 11px;
	line-height: 1.55;
}

.sgh-feeding-result__instruction {
	color: #dce7da;
}

.sgh-feeding-result__warning {
	margin-top: 11px;
	padding: 10px 12px;
	border-left: 3px solid #f2ba4a;
	background: rgb(255 255 255 / 6%);
	color: #f5e5bf;
}

.sgh-feeding-section {
	margin-top: 16px;
	padding: clamp(24px, 4vw, 48px);
	border: 1px solid var(--sgh-color-border);
	border-radius: 18px;
	background: #fff;
}

.sgh-feeding-section__heading {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 32px;
	margin-bottom: 28px;
}

.sgh-feeding-section__heading h2 {
	margin-bottom: 0;
	font-size: clamp(25px, 3vw, 36px);
	letter-spacing: -.025em;
}

.sgh-feeding-section__heading > p {
	max-width: 540px;
	margin: 0;
	color: var(--sgh-color-muted);
	font-size: 12px;
	line-height: 1.65;
}

.sgh-feeding-stages {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 10px;
}

.sgh-feeding-stage {
	position: relative;
	min-height: 235px;
	overflow: hidden;
	padding: 18px;
	border: 1px solid #e0e7dd;
	border-radius: 12px;
	background: #fbfcfa;
}

.sgh-feeding-stage::after {
	position: absolute;
	right: -26px;
	bottom: -34px;
	width: 90px;
	height: 90px;
	border: 18px solid rgb(52 125 10 / 6%);
	border-radius: 50%;
	content: "";
}

.sgh-feeding-stage__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin-bottom: 26px;
}

.sgh-feeding-stage__top span {
	display: grid;
	width: 38px;
	height: 38px;
	place-items: center;
	border-radius: 50%;
	background: var(--sgh-feeding-mint);
	color: var(--sgh-color-primary);
	font-size: 11px;
	font-weight: 800;
}

.sgh-feeding-stage__top small {
	color: #7a8378;
	font-size: 9px;
	font-weight: 700;
	text-align: right;
}

.sgh-feeding-stage h3 {
	font-size: 16px;
}

.sgh-feeding-stage p {
	position: relative;
	z-index: 1;
	margin: 0;
	color: #5a6258;
	font-size: 11px;
	line-height: 1.65;
}

.sgh-feeding-stage--b .sgh-feeding-stage__top span { background: #fff0db; color: #9a5513; }
.sgh-feeding-stage--mkp .sgh-feeding-stage__top span { background: #e8f1fa; color: #25638a; }
.sgh-feeding-stage--k .sgh-feeding-stage__top span { background: #eeeafa; color: #5d4a9d; }
.sgh-feeding-stage--mg .sgh-feeding-stage__top span { background: #f0f0e7; color: #5b6550; }

.sgh-feeding-nutrients {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
}

.sgh-feeding-nutrient {
	display: grid;
	grid-template-columns: 66px minmax(0, 1fr);
	gap: 16px;
	align-items: start;
	padding: 20px;
	border: 1px solid var(--sgh-color-border);
	border-radius: 12px;
	background: #fff;
	transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.sgh-feeding-nutrient:hover {
	border-color: #bfd4b4;
	box-shadow: 0 12px 30px rgb(35 69 29 / 8%);
	transform: translateY(-2px);
}

.sgh-feeding-nutrient__symbol {
	display: grid;
	width: 66px;
	height: 66px;
	place-items: center;
	border-radius: 18px;
	background: #e8f1fa;
	color: #1d6f91;
	font-size: 19px;
	font-weight: 800;
}

.sgh-feeding-nutrient--green .sgh-feeding-nutrient__symbol { background: #e9f3e6; color: #2f7622; }
.sgh-feeding-nutrient--orange .sgh-feeding-nutrient__symbol { background: #fff0df; color: #a45113; }
.sgh-feeding-nutrient--violet .sgh-feeding-nutrient__symbol { background: #f0ecfa; color: #644fa0; }

.sgh-feeding-nutrient span {
	display: block;
	margin-bottom: 3px;
	color: var(--sgh-color-muted);
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.sgh-feeding-nutrient h3 {
	margin-bottom: 7px;
	font-size: 15px;
}

.sgh-feeding-nutrient p {
	margin: 0;
	color: #60675e;
	font-size: 10px;
	line-height: 1.6;
}

.sgh-feeding-safety {
	display: grid;
	grid-template-columns: minmax(260px, .8fr) minmax(0, 1.2fr);
	gap: clamp(28px, 5vw, 70px);
	margin-top: 16px;
	padding: clamp(26px, 4vw, 52px);
	border-radius: 18px;
	background: var(--sgh-feeding-warm);
}

.sgh-feeding-safety h2 {
	font-size: clamp(25px, 3vw, 36px);
	letter-spacing: -.025em;
}

.sgh-feeding-safety__lead > p {
	color: #6f6250;
	font-size: 12px;
	line-height: 1.7;
}

.sgh-feeding-safety__rules {
	display: grid;
	gap: 10px;
}

.sgh-feeding-safety__rules article {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr);
	gap: 14px;
	padding: 16px;
	border: 1px solid #eadfcd;
	border-radius: 10px;
	background: rgb(255 255 255 / 72%);
}

.sgh-feeding-safety__rules article > span {
	display: grid;
	width: 38px;
	height: 38px;
	place-items: center;
	border-radius: 50%;
	background: #f2e5cf;
	color: #8a5b1f;
	font-size: 10px;
	font-weight: 800;
}

.sgh-feeding-safety__rules h3 {
	margin-bottom: 4px;
	font-size: 14px;
}

.sgh-feeding-safety__rules p {
	margin: 0;
	color: #6c6459;
	font-size: 11px;
}

.sgh-feeding-faq {
	margin-top: 16px;
	padding: clamp(24px, 4vw, 48px);
	border-radius: 18px;
}

.sgh-feeding-footer-cta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	margin-top: 16px;
	padding: clamp(24px, 4vw, 42px);
	border-radius: 18px;
	background: linear-gradient(120deg, #edf6e8, #f8fbf6);
}

.sgh-feeding-footer-cta h2 {
	margin-bottom: 7px;
	font-size: clamp(22px, 2.5vw, 30px);
}

.sgh-feeding-footer-cta p {
	max-width: 680px;
	margin: 0;
	color: var(--sgh-color-muted);
	font-size: 12px;
}

.sgh-feeding-footer-cta__actions {
	display: flex;
	flex: 0 0 auto;
	gap: 10px;
}

@media (max-width: 1024px) {
	.sgh-feeding-hero {
		grid-template-columns: minmax(0, 1.1fr) minmax(300px, .9fr);
	}

	.sgh-feeding-stages {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.sgh-feeding-nutrients {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.sgh-feeding-footer-cta {
		align-items: flex-start;
		flex-direction: column;
	}
}

@media (max-width: 768.98px) {
	.sgh-feeding-hero,
	.sgh-feeding-calculator,
	.sgh-feeding-safety {
		grid-template-columns: minmax(0, 1fr);
	}

	.sgh-feeding-hero__content {
		padding: 30px 22px;
	}

	.sgh-feeding-hero h1 {
		font-size: clamp(32px, 11vw, 46px);
	}

	.sgh-feeding-hero__media {
		min-height: 300px;
		padding: 0 22px 58px;
	}

	.sgh-feeding-hero__image,
	.sgh-feeding-hero__image img {
		min-height: 250px;
	}

	.sgh-feeding-hero__badge {
		right: 34px;
		bottom: 22px;
		left: 34px;
	}

	.sgh-feeding-nav {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.sgh-feeding-nav a:nth-child(3) {
		border-left: 0;
		border-top: 1px solid var(--sgh-color-border);
	}

	.sgh-feeding-nav a:nth-child(4) {
		border-top: 1px solid var(--sgh-color-border);
	}

	.sgh-feeding-section__heading {
		align-items: flex-start;
		flex-direction: column;
		gap: 12px;
	}

	.sgh-feeding-stages {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.sgh-feeding-result__meta {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 540px) {
	.sgh-feeding-hero__actions,
	.sgh-feeding-footer-cta__actions {
		width: 100%;
		flex-direction: column;
	}

	.sgh-feeding-hero__actions .sgh-button,
	.sgh-feeding-footer-cta__actions .sgh-button {
		width: 100%;
	}

	.sgh-feeding-form__row,
	.sgh-feeding-stages,
	.sgh-feeding-nutrients {
		grid-template-columns: minmax(0, 1fr);
	}

	.sgh-feeding-stage {
		min-height: 0;
	}

	.sgh-feeding-nutrient {
		grid-template-columns: 56px minmax(0, 1fr);
		padding: 16px;
	}

	.sgh-feeding-nutrient__symbol {
		width: 56px;
		height: 56px;
		border-radius: 15px;
		font-size: 16px;
	}
}

/* Feeding page visual refinement. */
.sgh-app--feeding {
	max-width: 1280px;
	padding-bottom: 64px;
}

.sgh-app--feeding .sgh-breadcrumbs {
	margin-bottom: 14px;
}

.sgh-app--feeding .sgh-eyebrow {
	margin-bottom: 12px;
	font-size: 10px;
	letter-spacing: .12em;
}

.sgh-feeding-hero {
	grid-template-columns: minmax(0, 7fr) minmax(360px, 5fr);
	min-height: 410px;
	border-color: #dfe7db;
	border-radius: 16px;
	background: #f3f7ef;
}

.sgh-feeding-hero::after {
	display: none;
}

.sgh-feeding-hero__content {
	max-width: none;
	padding: 52px clamp(32px, 4vw, 58px);
}

.sgh-feeding-hero h1 {
	max-width: 650px;
	margin-bottom: 20px;
	font-size: clamp(38px, 4.1vw, 52px);
	line-height: 1.07;
	letter-spacing: -.04em;
}

.sgh-feeding-hero__content > p {
	max-width: 620px;
	margin-bottom: 26px;
	font-size: 15px;
	line-height: 1.68;
}

.sgh-feeding-hero__facts {
	gap: 10px 24px;
	margin-top: 26px !important;
}

.sgh-feeding-hero__facts li {
	font-size: 12px;
}

.sgh-feeding-hero__media {
	min-height: 410px;
	padding: 0;
}

.sgh-feeding-hero__image,
.sgh-feeding-hero__image img {
	min-height: 410px;
}

.sgh-feeding-hero__image {
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

.sgh-feeding-hero__image img {
	object-position: 56% center;
}

.sgh-feeding-hero__badge {
	right: 24px;
	bottom: 24px;
	left: 24px;
	padding: 13px 16px;
	border-color: rgb(255 255 255 / 62%);
	border-radius: 10px;
	background: rgb(255 255 255 / 94%);
	box-shadow: 0 10px 28px rgb(24 52 18 / 14%);
}

.sgh-feeding-nav {
	margin: 14px 0 24px;
	border-radius: 10px;
}

.sgh-feeding-nav a {
	min-height: 56px;
	font-size: 12px;
}

.sgh-feeding-nav a:hover,
.sgh-feeding-nav a:focus-visible {
	background: #f5f8f2;
	color: var(--sgh-color-primary-hover);
}

.sgh-feeding-calculator {
	grid-template-columns: minmax(290px, 5fr) minmax(0, 7fr);
	gap: clamp(30px, 5vw, 64px);
	padding: clamp(32px, 4.5vw, 58px);
	border: 1px solid #dce7d7;
	border-radius: 16px;
	background: #edf4e8;
	color: var(--sgh-color-text);
}

.sgh-feeding-calculator h2 {
	max-width: 440px;
	margin-bottom: 18px;
	color: var(--sgh-feeding-ink);
	font-size: clamp(28px, 3vw, 40px);
	line-height: 1.12;
}

.sgh-feeding-calculator__intro > p {
	max-width: 470px;
	color: #526050;
	font-size: 13px;
	line-height: 1.72;
}

.sgh-feeding-calculator .sgh-eyebrow {
	color: var(--sgh-color-primary);
}

.sgh-feeding-callout {
	margin-top: 30px;
	padding: 16px;
	border: 1px solid #cddbc7;
	border-radius: 10px;
	background: rgb(255 255 255 / 68%);
}

.sgh-feeding-callout .sgh-icon {
	color: var(--sgh-color-primary);
}

.sgh-feeding-callout strong {
	color: var(--sgh-feeding-ink);
	font-size: 12px;
}

.sgh-feeding-callout span {
	color: #667163;
	font-size: 11px;
	line-height: 1.5;
}

.sgh-feeding-form {
	gap: 18px;
	padding: clamp(22px, 3vw, 32px);
	border: 1px solid #d9e1d5;
	border-radius: 12px;
	box-shadow: 0 16px 44px rgb(38 68 31 / 10%);
}

.sgh-feeding-field label {
	font-size: 12px;
}

.sgh-feeding-field select,
.sgh-feeding-field input {
	height: 52px;
	border-color: #c7d3c2;
	border-radius: 8px;
	background-color: #fff;
	font-size: 14px;
}

.sgh-feeding-submit {
	min-height: 52px;
	border-radius: 8px;
}

.sgh-feeding-result {
	padding: 24px;
	border: 0;
	border-radius: 12px;
	background: #173f20;
	box-shadow: 0 14px 36px rgb(22 57 28 / 16%);
}

.sgh-feeding-result::after {
	display: none;
}

.sgh-feeding-section {
	margin-top: 24px;
	padding: clamp(32px, 4.5vw, 54px);
	border-color: #e0e5dd;
	border-radius: 16px;
}

.sgh-feeding-section__heading {
	align-items: flex-start;
	gap: 48px;
	margin-bottom: 32px;
}

.sgh-feeding-section__heading h2 {
	font-size: clamp(28px, 3vw, 38px);
	line-height: 1.15;
}

.sgh-feeding-section__heading > p {
	max-width: 480px;
	padding-top: 22px;
	font-size: 13px;
	line-height: 1.65;
}

.sgh-feeding-stages {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: 14px;
}

.sgh-feeding-stage {
	grid-column: span 4;
	min-height: 190px;
	padding: 22px;
	border-color: #dde4da;
	border-radius: 10px;
	background: #f9fbf8;
}

.sgh-feeding-stage:nth-child(4),
.sgh-feeding-stage:nth-child(5) {
	grid-column: span 6;
	min-height: 176px;
}

.sgh-feeding-stage::after {
	display: none;
}

.sgh-feeding-stage__top {
	margin-bottom: 22px;
}

.sgh-feeding-stage__top span {
	width: 36px;
	height: 36px;
	border-radius: 8px;
}

.sgh-feeding-stage__top small {
	max-width: 100px;
	font-size: 10px;
	line-height: 1.35;
}

.sgh-feeding-stage h3 {
	margin-bottom: 8px;
	font-size: 17px;
}

.sgh-feeding-stage p {
	font-size: 13px;
	line-height: 1.58;
}

.sgh-feeding-nutrients {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.sgh-feeding-nutrient {
	grid-template-columns: 64px minmax(0, 1fr);
	gap: 18px;
	min-height: 166px;
	padding: 22px;
	border-color: #dfe5dc;
	border-radius: 10px;
}

.sgh-feeding-nutrient:hover {
	box-shadow: 0 10px 26px rgb(35 69 29 / 7%);
	transform: translateY(-1px);
}

.sgh-feeding-nutrient__symbol {
	width: 64px;
	height: 64px;
	border-radius: 12px;
}

.sgh-feeding-nutrient span {
	margin-bottom: 5px;
	font-size: 9px;
}

.sgh-feeding-nutrient h3 {
	margin-bottom: 8px;
	font-size: 16px;
}

.sgh-feeding-nutrient p {
	font-size: 12px;
	line-height: 1.62;
}

.sgh-feeding-safety {
	grid-template-columns: minmax(280px, 5fr) minmax(0, 7fr);
	gap: clamp(34px, 5vw, 68px);
	margin-top: 24px;
	padding: clamp(34px, 4.5vw, 54px);
	border: 1px solid #eadfce;
	border-radius: 16px;
	background: #fbf5ea;
}

.sgh-feeding-safety__lead > p {
	font-size: 13px;
}

.sgh-feeding-safety__rules {
	gap: 12px;
}

.sgh-feeding-safety__rules article {
	grid-template-columns: 40px minmax(0, 1fr);
	padding: 17px 18px;
	border-radius: 9px;
	background: #fffdf9;
}

.sgh-feeding-safety__rules h3 {
	font-size: 15px;
}

.sgh-feeding-safety__rules p {
	font-size: 12px;
	line-height: 1.55;
}

.sgh-feeding-faq {
	margin-top: 24px;
	border: 1px solid #e0e5dd;
	border-radius: 16px;
}

.sgh-feeding-footer-cta {
	margin-top: 24px;
	padding: clamp(30px, 4vw, 46px);
	border: 1px solid #dbe6d5;
	border-radius: 16px;
	background: #f0f6ec;
}

.sgh-feeding-footer-cta p {
	font-size: 13px;
}

@media (max-width: 1024px) {
	.sgh-feeding-hero {
		grid-template-columns: minmax(0, 3fr) minmax(300px, 2fr);
	}

	.sgh-feeding-calculator,
	.sgh-feeding-safety {
		grid-template-columns: minmax(0, 1fr);
	}

	.sgh-feeding-calculator__intro > p {
		max-width: 720px;
	}

	.sgh-feeding-callout {
		max-width: 720px;
	}

	.sgh-feeding-stage,
	.sgh-feeding-stage:nth-child(4),
	.sgh-feeding-stage:nth-child(5) {
		grid-column: span 6;
		min-height: 180px;
	}

	.sgh-feeding-stage:last-child {
		grid-column: 1 / -1;
		min-height: 0;
	}
}

@media (max-width: 768.98px) {
	.sgh-app--feeding {
		padding-bottom: 40px;
	}

	.sgh-feeding-hero {
		grid-template-columns: minmax(0, 1fr);
		min-height: 0;
	}

	.sgh-feeding-hero__content {
		padding: 34px 24px 30px;
	}

	.sgh-feeding-hero h1 {
		font-size: clamp(34px, 10.8vw, 46px);
	}

	.sgh-feeding-hero__media,
	.sgh-feeding-hero__image,
	.sgh-feeding-hero__image img {
		min-height: 290px;
	}

	.sgh-feeding-hero__badge {
		right: 18px;
		bottom: 18px;
		left: 18px;
	}

	.sgh-feeding-calculator,
	.sgh-feeding-section,
	.sgh-feeding-safety,
	.sgh-feeding-faq,
	.sgh-feeding-footer-cta {
		padding: 28px 22px;
		border-radius: 12px;
	}

	.sgh-feeding-section__heading > p {
		padding-top: 0;
	}

	.sgh-feeding-stages {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.sgh-feeding-stage,
	.sgh-feeding-stage:nth-child(4),
	.sgh-feeding-stage:nth-child(5),
	.sgh-feeding-stage:last-child {
		grid-column: auto;
		min-height: 190px;
	}

	.sgh-feeding-stage:last-child {
		grid-column: 1 / -1;
		min-height: 0;
	}

	.sgh-feeding-nutrients {
		grid-template-columns: minmax(0, 1fr);
	}

	.sgh-feeding-nutrient {
		min-height: 0;
	}
}

@media (max-width: 540px) {
	.sgh-feeding-nav a {
		min-height: 52px;
		padding: 10px;
		font-size: 11px;
	}

	.sgh-feeding-form__row,
	.sgh-feeding-stages {
		grid-template-columns: minmax(0, 1fr);
	}

	.sgh-feeding-stage,
	.sgh-feeding-stage:nth-child(4),
	.sgh-feeding-stage:nth-child(5),
	.sgh-feeding-stage:last-child {
		grid-column: auto;
		min-height: 0;
	}

	.sgh-feeding-nutrient {
		grid-template-columns: 58px minmax(0, 1fr);
		gap: 14px;
		padding: 18px;
	}

	.sgh-feeding-nutrient__symbol {
		width: 58px;
		height: 58px;
	}
}

/* Keep the calculator independent from Woodmart's global form/button states. */
body.sgh-route-feeding .sgh-app--feeding .sgh-feeding-calculator__workbench {
	display: contents;
}

body.sgh-route-feeding .sgh-app--feeding .sgh-feeding-calculator__intro {
	grid-column: 1;
	grid-row: 1;
}

body.sgh-route-feeding .sgh-app--feeding .sgh-feeding-form {
	grid-column: 2;
	grid-row: 1;
	align-self: start;
}

body.sgh-route-feeding .sgh-app--feeding .sgh-feeding-result {
	display: grid;
	grid-column: 1 / -1;
	grid-row: 2;
	grid-template-columns: minmax(230px, .72fr) minmax(0, 1.28fr);
	gap: 18px 36px;
	margin-top: 2px;
	padding: 28px 30px;
}

body.sgh-route-feeding .sgh-app--feeding .sgh-feeding-result__top {
	grid-column: 1 / -1;
	margin-bottom: 0;
}

body.sgh-route-feeding .sgh-app--feeding .sgh-feeding-result__dose {
	grid-column: 1;
	grid-row: 2 / span 2;
	align-self: center;
	margin: 0;
}

body.sgh-route-feeding .sgh-app--feeding .sgh-feeding-result__meta {
	grid-column: 2;
	grid-row: 2;
	margin: 0;
}

body.sgh-route-feeding .sgh-app--feeding .sgh-feeding-result__instruction {
	grid-column: 2;
	grid-row: 3;
	align-self: start;
}

body.sgh-route-feeding .sgh-app--feeding .sgh-feeding-result__warning {
	grid-column: 1 / -1;
	grid-row: 4;
	margin-top: 0;
}

body.sgh-route-feeding .sgh-app--feeding .sgh-feeding-form select,
body.sgh-route-feeding .sgh-app--feeding .sgh-feeding-form input {
	min-width: 0;
	max-width: none;
	margin: 0;
	box-sizing: border-box;
	box-shadow: none;
}

body.sgh-route-feeding .sgh-app--feeding .sgh-button,
body.sgh-route-feeding .sgh-app--feeding button.sgh-button,
body.sgh-route-feeding .sgh-app--feeding input[type="submit"].sgh-button {
	border: 1px solid var(--sgh-color-primary) !important;
	background: #347d0a !important;
	box-shadow: none !important;
	color: #fff !important;
	font: inherit;
	font-weight: 700;
	text-decoration: none;
	text-transform: none;
}

body.sgh-route-feeding .sgh-app--feeding .sgh-button:hover,
body.sgh-route-feeding .sgh-app--feeding .sgh-button:focus-visible,
body.sgh-route-feeding .sgh-app--feeding button.sgh-button:hover,
body.sgh-route-feeding .sgh-app--feeding button.sgh-button:focus-visible {
	border-color: #286407 !important;
	background: #286407 !important;
	color: #fff !important;
}

body.sgh-route-feeding .sgh-app--feeding .sgh-button--outline,
body.sgh-route-feeding .sgh-app--feeding a.sgh-button--outline {
	background: #fff !important;
	color: var(--sgh-color-primary) !important;
}

body.sgh-route-feeding .sgh-app--feeding .sgh-button--outline:hover,
body.sgh-route-feeding .sgh-app--feeding .sgh-button--outline:focus-visible {
	background: var(--sgh-color-primary-soft) !important;
	color: var(--sgh-color-primary-hover) !important;
}

body.sgh-route-feeding .sgh-app--feeding .sgh-button .sgh-icon,
body.sgh-route-feeding .sgh-app--feeding button.sgh-button .sgh-icon {
	color: currentColor !important;
}

@media (max-width: 1024px) {
	body.sgh-route-feeding .sgh-app--feeding .sgh-feeding-calculator__intro,
	body.sgh-route-feeding .sgh-app--feeding .sgh-feeding-form,
	body.sgh-route-feeding .sgh-app--feeding .sgh-feeding-result {
		grid-column: 1;
		grid-row: auto;
	}

	body.sgh-route-feeding .sgh-app--feeding .sgh-feeding-result {
		grid-template-columns: minmax(200px, .62fr) minmax(0, 1.38fr);
	}
}

@media (max-width: 640px) {
	body.sgh-route-feeding .sgh-app--feeding .sgh-feeding-result {
		grid-template-columns: minmax(0, 1fr);
		gap: 14px;
		padding: 22px;
	}

	body.sgh-route-feeding .sgh-app--feeding .sgh-feeding-result__top,
	body.sgh-route-feeding .sgh-app--feeding .sgh-feeding-result__dose,
	body.sgh-route-feeding .sgh-app--feeding .sgh-feeding-result__meta,
	body.sgh-route-feeding .sgh-app--feeding .sgh-feeding-result__instruction,
	body.sgh-route-feeding .sgh-app--feeding .sgh-feeding-result__warning {
		grid-column: 1;
		grid-row: auto;
	}

	body.sgh-route-feeding .sgh-app--feeding .sgh-feeding-result__dose {
		margin-bottom: 4px;
	}

	body.sgh-route-feeding .sgh-app--feeding .sgh-feeding-result__meta {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* Complete tomato topic navigation. */
.sgh-topic-nav {
	margin: 28px 0 42px;
	overflow: hidden;
	border: 1px solid #dfe8da;
	border-radius: 20px;
	background: linear-gradient(180deg, #fff 0%, #fbfdf9 100%);
	box-shadow: 0 14px 38px rgb(37 70 25 / 8%);
}

.sgh-topic-nav__track {
	display: grid;
	grid-template-columns: repeat(12, minmax(90px, 1fr));
	min-width: 1120px;
}

.sgh-topic-nav__item {
	position: relative;
	display: flex;
	min-height: 110px;
	padding: 12px 8px 13px;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 9px;
	border-right: 1px solid #edf0eb;
	background: transparent;
	color: #253022 !important;
	font-size: 12px;
	font-weight: 750;
	line-height: 1.15;
	text-align: center;
	transition: background-color .18s ease, color .18s ease, transform .18s ease;
}

.sgh-topic-nav__item:last-child {
	border-right: 0;
}

.sgh-topic-nav__item::after {
	position: absolute;
	right: 14px;
	bottom: 0;
	left: 14px;
	height: 3px;
	border-radius: 3px 3px 0 0;
	background: var(--sgh-guide-accent, var(--sgh-color-primary));
	content: "";
	opacity: 0;
	transform: scaleX(.45);
	transition: opacity .18s ease, transform .18s ease;
}

.sgh-topic-nav__item .sgh-icon {
	box-sizing: content-box;
	width: 27px;
	height: 27px;
	padding: 8px;
	border: 1px solid #d4e6ca;
	border-radius: 14px;
	background: linear-gradient(145deg, #f8fcf5, #ecf6e7);
	box-shadow: 0 5px 13px rgb(50 110 25 / 8%);
	color: #347d0a;
	stroke-width: 1.7;
	transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease, transform .18s ease;
}

.sgh-topic-nav__item:hover,
.sgh-topic-nav__item:focus-visible,
.sgh-topic-nav__item.is-current {
	background: linear-gradient(180deg, #f8fbf5, #f0f7eb);
	color: #215e08 !important;
}

.sgh-topic-nav__item:hover::after,
.sgh-topic-nav__item:focus-visible::after,
.sgh-topic-nav__item.is-current::after {
	opacity: 1;
	transform: scaleX(1);
}

.sgh-topic-nav__item:hover .sgh-icon,
.sgh-topic-nav__item:focus-visible .sgh-icon,
.sgh-topic-nav__item.is-current .sgh-icon {
	border-color: #3f851e;
	background: linear-gradient(145deg, #4b9228, #2f7411);
	box-shadow: 0 9px 20px rgb(47 116 17 / 24%);
	color: #fff;
	transform: translateY(-3px);
}

/* Editorial guide system: all selectors stay inside the plugin root. */
.sgh-app--guide {
	--sgh-guide-accent: #4b8d27;
	--sgh-guide-deep: #245413;
	--sgh-guide-soft: #f0f7eb;
	--sgh-guide-wash: #f8fbf5;
	padding-bottom: 56px;
	font-size: 15px;
}

.sgh-guide--lime { --sgh-guide-accent: #73a72d; --sgh-guide-deep: #3f6810; --sgh-guide-soft: #eef7df; --sgh-guide-wash: #fbfdf7; }
.sgh-guide--earth { --sgh-guide-accent: #a46c37; --sgh-guide-deep: #68401e; --sgh-guide-soft: #f7eee4; --sgh-guide-wash: #fdfaf6; }
.sgh-guide--forest { --sgh-guide-accent: #347d46; --sgh-guide-deep: #174f2a; --sgh-guide-soft: #e8f5eb; --sgh-guide-wash: #f6fbf7; }
.sgh-guide--aqua { --sgh-guide-accent: #268c92; --sgh-guide-deep: #145c64; --sgh-guide-soft: #e3f4f3; --sgh-guide-wash: #f5fbfb; }
.sgh-guide--violet { --sgh-guide-accent: #7961a8; --sgh-guide-deep: #4f397b; --sgh-guide-soft: #eee9f8; --sgh-guide-wash: #faf8fd; }
.sgh-guide--rose { --sgh-guide-accent: #bd5f64; --sgh-guide-deep: #7e353a; --sgh-guide-soft: #f9e8e8; --sgh-guide-wash: #fdf8f8; }
.sgh-guide--amber { --sgh-guide-accent: #b87b18; --sgh-guide-deep: #744b0d; --sgh-guide-soft: #f9efda; --sgh-guide-wash: #fdfaf4; }
.sgh-guide--orange { --sgh-guide-accent: #c45e2f; --sgh-guide-deep: #7b351c; --sgh-guide-soft: #fae9df; --sgh-guide-wash: #fdf8f4; }
.sgh-guide--blue { --sgh-guide-accent: #477bac; --sgh-guide-deep: #28547c; --sgh-guide-soft: #e5eff8; --sgh-guide-wash: #f7fafd; }
.sgh-guide--tomato { --sgh-guide-accent: #c84d36; --sgh-guide-deep: #802817; --sgh-guide-soft: #fae7e1; --sgh-guide-wash: #fdf8f6; }

.sgh-app--guide :where(.sgh-guide-hero, .sgh-guide-section, .sgh-guide-split, .sgh-guide-pagination) {
	min-width: 0;
}

.sgh-guide-hero {
	position: relative;
	display: grid;
	overflow: hidden;
	grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr);
	min-height: 510px;
	margin-top: 8px;
	border: 1px solid color-mix(in srgb, var(--sgh-guide-accent) 18%, #e7ebe4);
	border-radius: 26px;
	background:
		radial-gradient(circle at 88% 18%, color-mix(in srgb, var(--sgh-guide-accent) 16%, transparent) 0 12%, transparent 13%),
		linear-gradient(135deg, var(--sgh-guide-wash) 0 58%, var(--sgh-guide-soft) 58% 100%);
	box-shadow: 0 20px 54px rgb(32 57 23 / 8%);
}

.sgh-guide-hero::before,
.sgh-guide-hero::after {
	position: absolute;
	border: 1px solid color-mix(in srgb, var(--sgh-guide-accent) 22%, transparent);
	border-radius: 50%;
	content: "";
	pointer-events: none;
}

.sgh-guide-hero::before {
	right: -95px;
	bottom: -150px;
	width: 390px;
	height: 390px;
}

.sgh-guide-hero::after {
	right: 195px;
	top: -74px;
	width: 168px;
	height: 168px;
}

.sgh-guide-hero__copy {
	position: relative;
	z-index: 1;
	display: flex;
	padding: clamp(44px, 5vw, 76px);
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
}

.sgh-guide-eyebrow,
.sgh-guide-section-number,
.sgh-guide-section__heading > div > span {
	display: inline-flex;
	margin-bottom: 13px;
	color: var(--sgh-guide-deep);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .1em;
	line-height: 1.2;
	text-transform: uppercase;
}

.sgh-guide-hero h1 {
	max-width: 740px;
	margin-bottom: 19px;
	font-size: clamp(39px, 4.3vw, 66px);
	font-weight: 800;
	letter-spacing: -.045em;
	line-height: 1.02;
}

.sgh-guide-hero__copy > p {
	max-width: 690px;
	margin-bottom: 28px;
	color: #52604e;
	font-size: clamp(16px, 1.35vw, 19px);
	line-height: 1.65;
}

.sgh-guide-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

body[class*="sgh-route-"] .sgh-app--guide .sgh-button {
	min-height: 48px;
	padding: 12px 20px;
	border: 1px solid var(--sgh-guide-accent) !important;
	border-radius: 11px;
	background: var(--sgh-guide-accent) !important;
	box-shadow: 0 9px 22px color-mix(in srgb, var(--sgh-guide-accent) 22%, transparent) !important;
	color: #fff !important;
	font-weight: 750;
	text-decoration: none;
	text-transform: none;
}

body[class*="sgh-route-"] .sgh-app--guide .sgh-button:hover,
body[class*="sgh-route-"] .sgh-app--guide .sgh-button:focus-visible {
	border-color: var(--sgh-guide-deep) !important;
	background: var(--sgh-guide-deep) !important;
	color: #fff !important;
}

body[class*="sgh-route-"] .sgh-app--guide .sgh-button--outline {
	background: transparent !important;
	box-shadow: none !important;
	color: var(--sgh-guide-deep) !important;
}

body[class*="sgh-route-"] .sgh-app--guide .sgh-button--outline:hover,
body[class*="sgh-route-"] .sgh-app--guide .sgh-button--outline:focus-visible {
	background: var(--sgh-guide-soft) !important;
	color: var(--sgh-guide-deep) !important;
}

.sgh-app--guide .sgh-button .sgh-icon {
	color: currentColor !important;
}

.sgh-guide-hero__visual {
	position: relative;
	z-index: 1;
	display: flex;
	padding: 22px;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 12px;
}

.sgh-guide-hero__photo {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 352px;
	margin: 0;
	border: 1px solid rgb(255 255 255 / 75%);
	border-radius: 20px;
	background: var(--sgh-guide-soft);
	box-shadow: 0 18px 44px color-mix(in srgb, var(--sgh-guide-deep) 17%, transparent);
}

.sgh-guide-hero__photo::after {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, transparent 42%, rgb(10 24 8 / 58%) 100%);
	content: "";
	pointer-events: none;
}

.sgh-guide-hero__photo > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: transform .7s cubic-bezier(.2, .7, .2, 1);
}

.sgh-guide-hero:hover .sgh-guide-hero__photo > img {
	transform: scale(1.025);
}

.sgh-guide-hero__photo figcaption {
	position: absolute;
	right: 14px;
	bottom: 14px;
	left: 14px;
	z-index: 1;
	display: grid;
	padding: 13px 15px;
	grid-template-columns: 42px minmax(0, 1fr);
	gap: 12px;
	align-items: center;
	border: 1px solid rgb(255 255 255 / 38%);
	border-radius: 14px;
	background: rgb(255 255 255 / 90%);
	box-shadow: 0 8px 28px rgb(18 32 13 / 17%);
	backdrop-filter: blur(10px);
}

.sgh-guide-hero__photo figcaption > span {
	display: grid;
	width: 42px;
	height: 42px;
	place-items: center;
	border-radius: 12px;
	background: var(--sgh-guide-soft);
}

.sgh-guide-hero__photo figcaption .sgh-icon {
	width: 24px;
	height: 24px;
	color: var(--sgh-guide-accent);
}

.sgh-guide-hero__photo figcaption p {
	margin: 0;
}

.sgh-guide-hero__photo figcaption small {
	display: block;
	margin-bottom: 3px;
	color: var(--sgh-guide-accent);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .07em;
	line-height: 1.2;
	text-transform: uppercase;
}

.sgh-guide-hero__photo figcaption strong {
	display: block;
	color: #283225;
	font-size: 12px;
	line-height: 1.42;
}

.sgh-guide-hero__orb {
	position: relative;
	display: flex;
	width: 230px;
	height: 230px;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	border: 1px solid color-mix(in srgb, var(--sgh-guide-accent) 25%, #fff);
	border-radius: 50%;
	background: rgb(255 255 255 / 78%);
	box-shadow: 0 24px 60px color-mix(in srgb, var(--sgh-guide-deep) 15%, transparent), inset 0 0 0 13px rgb(255 255 255 / 52%);
	backdrop-filter: blur(6px);
}

.sgh-guide-hero__orb::after {
	position: absolute;
	inset: -13px;
	border: 1px dashed color-mix(in srgb, var(--sgh-guide-accent) 35%, transparent);
	border-radius: 50%;
	content: "";
}

.sgh-guide-hero__orb > span {
	display: grid;
	width: 66px;
	height: 66px;
	margin-bottom: 12px;
	place-items: center;
	border-radius: 19px;
	background: var(--sgh-guide-soft);
}

.sgh-guide-hero__orb .sgh-icon {
	width: 38px;
	height: 38px;
	color: var(--sgh-guide-accent);
}

.sgh-guide-hero__orb strong {
	font-size: 21px;
}

.sgh-guide-hero__orb small {
	margin-top: 4px;
	color: #758071;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.sgh-guide-facts {
	display: grid;
	width: 100%;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
}

.sgh-guide-facts > div {
	display: flex;
	min-height: 78px;
	padding: 11px 8px;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	border: 1px solid rgb(255 255 255 / 80%);
	border-radius: 13px;
	background: rgb(255 255 255 / 64%);
	text-align: center;
}

.sgh-guide-facts strong {
	color: var(--sgh-guide-deep);
	font-size: 17px;
	line-height: 1.15;
}

.sgh-guide-facts span {
	margin-top: 6px;
	color: #697265;
	font-size: 11px;
	line-height: 1.25;
}

.sgh-app--guide .sgh-topic-nav {
	margin-top: 24px;
}

.sgh-app--guide .sgh-topic-nav__item.is-current {
	background: var(--sgh-guide-soft);
	color: var(--sgh-guide-deep) !important;
}

.sgh-app--guide .sgh-topic-nav__item.is-current .sgh-icon {
	color: var(--sgh-guide-accent);
}

.sgh-guide-section {
	margin: 70px 0 0;
}

.sgh-guide-section__heading {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(280px, 420px);
	gap: 36px;
	margin-bottom: 28px;
	align-items: end;
}

.sgh-guide-section__heading h2,
.sgh-guide-checklist h2,
.sgh-guide-mistakes h2 {
	margin: 0;
	font-size: clamp(28px, 3vw, 40px);
	letter-spacing: -.035em;
	line-height: 1.08;
}

.sgh-guide-section__heading > p {
	margin: 0;
	padding-bottom: 3px;
	color: #687165;
	font-size: 15px;
	line-height: 1.65;
}

.sgh-guide-steps {
	display: grid;
	padding: 0;
	margin: 0;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	list-style: none;
	border: 1px solid #e4e9e1;
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 15px 42px rgb(39 66 30 / 6%);
}

.sgh-guide-steps li {
	position: relative;
	display: flex;
	min-height: 286px;
	padding: 27px 24px 25px;
	flex-direction: column;
	border-right: 1px solid #e7ebe5;
}

.sgh-guide-steps li:last-child {
	border-right: 0;
}

.sgh-guide-steps li::after {
	position: absolute;
	right: -7px;
	top: 53px;
	z-index: 2;
	width: 13px;
	height: 13px;
	border: 3px solid #fff;
	border-radius: 50%;
	background: var(--sgh-guide-accent);
	box-shadow: 0 0 0 1px color-mix(in srgb, var(--sgh-guide-accent) 25%, transparent);
	content: "";
}

.sgh-guide-steps li:last-child::after {
	display: none;
}

.sgh-guide-steps__number {
	margin-bottom: 35px;
	color: color-mix(in srgb, var(--sgh-guide-accent) 36%, #fff);
	font-size: 46px;
	font-weight: 800;
	letter-spacing: -.05em;
	line-height: 1;
}

.sgh-guide-steps small,
.sgh-guide-entity small {
	display: block;
	margin-bottom: 6px;
	color: var(--sgh-guide-accent);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .06em;
	line-height: 1.3;
	text-transform: uppercase;
}

.sgh-guide-steps h3 {
	margin-bottom: 10px;
	font-size: 19px;
}

.sgh-guide-steps p,
.sgh-guide-card p,
.sgh-guide-mistakes p,
.sgh-guide-entity p {
	margin: 0;
	color: #697167;
	line-height: 1.62;
}

.sgh-guide-card-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

.sgh-guide-card {
	position: relative;
	min-height: 215px;
	padding: 29px 30px 27px 105px;
	overflow: hidden;
	border: 1px solid #e4e9e1;
	border-radius: 17px;
	background: linear-gradient(140deg, #fff 0 74%, var(--sgh-guide-wash) 74% 100%);
	box-shadow: 0 12px 34px rgb(38 65 29 / 5%);
}

.sgh-guide-card::after {
	position: absolute;
	right: -24px;
	bottom: -42px;
	width: 100px;
	height: 100px;
	border: 1px solid color-mix(in srgb, var(--sgh-guide-accent) 18%, transparent);
	border-radius: 50%;
	content: "";
}

.sgh-guide-card__icon {
	position: absolute;
	top: 29px;
	left: 28px;
	display: grid;
	width: 55px;
	height: 55px;
	place-items: center;
	border-radius: 16px;
	background: var(--sgh-guide-soft);
}

.sgh-guide-card__icon .sgh-icon {
	width: 28px;
	height: 28px;
	color: var(--sgh-guide-accent);
}

.sgh-guide-card h3 {
	margin: 2px 0 10px;
	font-size: 19px;
}

.sgh-guide-library {
	padding: 40px;
	border-radius: 22px;
	background: var(--sgh-guide-wash);
}

.sgh-guide-entity-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
}

.sgh-guide-entity {
	overflow: hidden;
	border: 1px solid #e2e7df;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 12px 30px rgb(37 61 30 / 6%);
}

.sgh-guide-entity__media {
	display: block;
	overflow: hidden;
	aspect-ratio: 16 / 9;
	background: var(--sgh-guide-soft);
}

.sgh-guide-entity__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .25s ease;
}

.sgh-guide-entity:hover .sgh-guide-entity__media img {
	transform: scale(1.035);
}

.sgh-guide-entity > div {
	padding: 22px;
}

.sgh-guide-entity h3 {
	margin-bottom: 9px;
	font-size: 19px;
}

.sgh-guide-entity p {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.sgh-guide-entity__link {
	display: inline-flex;
	margin-top: 16px;
	align-items: center;
	gap: 7px;
	color: var(--sgh-guide-deep) !important;
	font-size: 13px;
	font-weight: 800;
}

.sgh-guide-entity__link .sgh-icon {
	color: currentColor;
}

.sgh-guide-split {
	display: grid;
	margin-top: 70px;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 18px;
}

.sgh-guide-checklist,
.sgh-guide-mistakes {
	padding: 38px 40px;
	border-radius: 20px;
}

.sgh-guide-checklist {
	background: var(--sgh-guide-deep);
	color: #fff;
	box-shadow: 0 18px 42px color-mix(in srgb, var(--sgh-guide-deep) 20%, transparent);
}

.sgh-guide-checklist .sgh-guide-section-number,
.sgh-guide-checklist h2 {
	color: #fff;
}

.sgh-guide-checklist .sgh-guide-section-number {
	opacity: .68;
}

.sgh-guide-checklist ul {
	display: grid;
	padding: 0;
	margin: 27px 0 0;
	gap: 0;
	list-style: none;
}

.sgh-guide-checklist li {
	display: grid;
	padding: 13px 0;
	grid-template-columns: 24px minmax(0, 1fr);
	gap: 11px;
	align-items: start;
	border-top: 1px solid rgb(255 255 255 / 15%);
	line-height: 1.5;
}

.sgh-guide-checklist li:first-child {
	border-top: 0;
}

.sgh-guide-checklist .sgh-icon {
	margin-top: 1px;
	color: #d9f0c7;
}

.sgh-guide-mistakes {
	border: 1px solid color-mix(in srgb, var(--sgh-guide-accent) 18%, #e5e9e2);
	background: var(--sgh-guide-soft);
}

.sgh-guide-mistakes > div {
	display: grid;
	margin-top: 25px;
	gap: 0;
}

.sgh-guide-mistakes article {
	display: grid;
	padding: 15px 0;
	grid-template-columns: 40px minmax(0, 1fr);
	gap: 13px;
	border-top: 1px solid color-mix(in srgb, var(--sgh-guide-accent) 15%, #dfe4db);
}

.sgh-guide-mistakes article:first-child {
	border-top: 0;
}

.sgh-guide-mistakes article > span {
	display: grid;
	width: 35px;
	height: 35px;
	place-items: center;
	border-radius: 50%;
	background: #fff;
	color: var(--sgh-guide-accent);
	font-size: 11px;
	font-weight: 800;
}

.sgh-guide-mistakes h3 {
	margin: 0 0 5px;
	font-size: 16px;
}

.sgh-guide-faq {
	padding: 42px;
	border: 1px solid #e2e8df;
	border-radius: 22px;
	background: #fff;
	box-shadow: 0 15px 40px rgb(37 62 29 / 5%);
}

.sgh-app--guide .sgh-accordion__item {
	border-color: #e5e9e2;
}

.sgh-app--guide .sgh-accordion__trigger {
	font-size: 16px;
	font-weight: 750;
}

.sgh-guide-pagination {
	display: grid;
	margin-top: 70px;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
	align-items: stretch;
	border: 1px solid #e2e7df;
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 12px 36px rgb(38 61 30 / 5%);
}

.sgh-guide-pagination > a {
	display: flex;
	min-height: 104px;
	padding: 22px 27px;
	justify-content: center;
	flex-direction: column;
	transition: background-color .18s ease;
}

.sgh-guide-pagination > a:last-child {
	align-items: flex-end;
	text-align: right;
}

.sgh-guide-pagination > a:hover {
	background: var(--sgh-guide-wash);
	color: var(--sgh-guide-deep);
}

.sgh-guide-pagination small {
	margin-bottom: 4px;
	color: #7a8377;
	font-size: 12px;
}

.sgh-guide-pagination strong {
	font-size: 18px;
}

.sgh-guide-pagination__home {
	min-width: 170px;
	align-items: center;
	gap: 6px;
	border-right: 1px solid #e6eae3;
	border-left: 1px solid #e6eae3;
	color: var(--sgh-guide-deep) !important;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.sgh-guide-pagination__home .sgh-icon {
	color: var(--sgh-guide-accent);
}

@media (max-width: 1200px) {
	.sgh-topic-nav {
		overflow-x: auto;
		overflow-y: hidden;
		scrollbar-width: thin;
	}

	.sgh-guide-hero {
		grid-template-columns: minmax(0, 1.22fr) minmax(330px, .78fr);
	}

	.sgh-guide-hero__copy {
		padding: 48px;
	}

	.sgh-guide-hero__visual {
		padding: 20px;
	}

	.sgh-guide-steps li {
		padding-right: 20px;
		padding-left: 20px;
	}
}

@media (max-width: 960px) {
	.sgh-guide-hero {
		grid-template-columns: minmax(0, 1fr);
	}

	.sgh-guide-hero__visual {
		display: grid;
		padding: 0 40px 40px;
		grid-template-columns: minmax(0, 1fr);
		gap: 14px;
	}

	.sgh-guide-hero__photo {
		height: 380px;
	}

	.sgh-guide-hero__orb {
		width: 176px;
		height: 176px;
	}

	.sgh-guide-section__heading {
		grid-template-columns: minmax(0, 1fr);
		gap: 14px;
	}

	.sgh-guide-steps {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.sgh-guide-steps li:nth-child(2) {
		border-right: 0;
	}

	.sgh-guide-steps li:nth-child(-n+2) {
		border-bottom: 1px solid #e7ebe5;
	}

	.sgh-guide-steps li:nth-child(2)::after {
		display: none;
	}

	.sgh-guide-entity-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.sgh-guide-split {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 768px) {
	.sgh-topic-nav {
		margin: 20px 0 32px;
		border-right: 0;
		border-left: 0;
		border-radius: 0;
	}

	.sgh-topic-nav__track {
		min-width: 1080px;
	}

	.sgh-topic-nav__item {
		min-height: 102px;
	}

	.sgh-guide-hero {
		min-height: 0;
		border-radius: 18px;
	}

	.sgh-guide-hero__copy {
		padding: 36px 25px 30px;
	}

	.sgh-guide-hero h1 {
		font-size: clamp(36px, 10vw, 51px);
	}

	.sgh-guide-hero__visual {
		padding: 5px 24px 28px;
		grid-template-columns: minmax(0, 1fr);
		gap: 12px;
	}

	.sgh-guide-hero__photo {
		height: 310px;
	}

	.sgh-guide-hero__orb {
		display: none;
	}

	.sgh-guide-section {
		margin-top: 50px;
	}

	.sgh-guide-section__heading h2,
	.sgh-guide-checklist h2,
	.sgh-guide-mistakes h2 {
		font-size: 29px;
	}

	.sgh-guide-card-grid,
	.sgh-guide-entity-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.sgh-guide-card {
		min-height: 0;
	}

	.sgh-guide-library,
	.sgh-guide-faq,
	.sgh-guide-checklist,
	.sgh-guide-mistakes {
		padding: 28px 24px;
	}

	.sgh-guide-pagination {
		margin-top: 50px;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.sgh-guide-pagination__home {
		grid-column: 1 / -1;
		grid-row: 1;
		min-height: 72px !important;
		border-right: 0;
		border-bottom: 1px solid #e6eae3;
		border-left: 0;
	}
}

@media (max-width: 560px) {
	.sgh-guide-hero__photo {
		height: 285px;
		border-radius: 16px;
	}

	.sgh-guide-hero__photo figcaption {
		right: 10px;
		bottom: 10px;
		left: 10px;
		padding: 11px;
		grid-template-columns: 36px minmax(0, 1fr);
		gap: 9px;
	}

	.sgh-guide-hero__photo figcaption > span {
		width: 36px;
		height: 36px;
	}

	.sgh-guide-hero__photo figcaption strong {
		font-size: 11px;
	}

	.sgh-guide-hero__actions,
	.sgh-guide-hero__actions .sgh-button {
		width: 100%;
	}

	.sgh-guide-facts {
		grid-template-columns: minmax(0, 1fr);
	}

	.sgh-guide-facts > div {
		min-height: 70px;
	}

	.sgh-guide-steps {
		grid-template-columns: minmax(0, 1fr);
	}

	.sgh-guide-steps li,
	.sgh-guide-steps li:nth-child(2),
	.sgh-guide-steps li:nth-child(-n+2) {
		min-height: 0;
		border-right: 0;
		border-bottom: 1px solid #e7ebe5;
	}

	.sgh-guide-steps li:last-child {
		border-bottom: 0;
	}

	.sgh-guide-steps li::after {
		display: none;
	}

	.sgh-guide-steps__number {
		margin-bottom: 20px;
	}

	.sgh-guide-card {
		padding: 92px 22px 24px;
	}

	.sgh-guide-card__icon {
		top: 22px;
		left: 22px;
	}

	.sgh-guide-pagination > a {
		min-height: 91px;
		padding: 17px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.sgh-app *,
	.sgh-app *::before,
	.sgh-app *::after {
		scroll-behavior: auto !important;
		transition-duration: .01ms !important;
		animation-duration: .01ms !important;
	}
}