@media (max-width: 700px) {
	.green-food-header__inner,
	.green-food-story,
	.green-food-instagram,
	.green-food-footer {
		max-width: none;
		width: calc(100% - 28px);
	}

	.green-food-header__actions span {
		display: none;
	}

	.green-food-header__nav {
		margin-left: 0;
	}

	.green-food-products {
		gap: 6px;
		grid-template-columns: 22px repeat(3, minmax(0, 1fr)) 22px;
		max-width: none;
		width: calc(100% - 28px);
	}

	.green-food-product-card__photo {
		width: 100%;
	}

	.green-food-categories {
		gap: clamp(12px, 4vw, 24px);
	}

	.green-food-story {
		min-height: 340px;
	}

	.green-food-story__photo {
		background-size: 752px 1188px;
		max-width: 100%;
		width: 100%;
	}

	.green-food-hero {
		height: clamp(380px, 108vw, 520px);
	}

	.green-food-hero__copy {
		padding: clamp(34px, 10vw, 64px) clamp(18px, 5vw, 40px) 0;
	}

	.green-food-hero h1 {
		font-size: clamp(34px, 10vw, 52px);
	}

	.green-food-hero p {
		font-size: clamp(12px, 3.2vw, 15px);
		line-height: 1.45;
	}

	.green-food-button {
		font-size: clamp(10px, 2.8vw, 13px);
		min-height: 42px;
	}

	.green-food-menu-section {
		min-height: 500px;
		padding-top: 44px;
	}

	.green-food-menu-section h2 {
		font-size: clamp(28px, 7vw, 40px);
	}

	.green-food-categories button {
		font-size: clamp(10px, 2.8vw, 13px);
	}

	.green-food-product-card {
		min-height: clamp(205px, 55vw, 250px);
	}

	.green-food-product-card__photo {
		height: clamp(118px, 36vw, 220px);
	}

	.green-food-product-card strong {
		font-size: clamp(11px, 2.8vw, 15px);
	}

	.green-food-product-card small {
		font-size: clamp(8px, 2.1vw, 11px);
	}

	.green-food-story h2 {
		font-size: clamp(28px, 7vw, 40px);
	}

	.green-food-story p {
		font-size: clamp(11px, 2.8vw, 14px);
	}

	.green-food-instagram {
		height: clamp(110px, 24vw, 160px);
		grid-template-columns: 1fr minmax(110px, 28vw);
	}

	.green-food-instagram__cta strong {
		font-size: clamp(28px, 8vw, 40px);
	}

	.green-food-instagram__cta span {
		font-size: clamp(8px, 2.4vw, 11px);
	}

	.green-food-instagram__cta b {
		font-size: clamp(13px, 4vw, 20px);
	}

	.green-food-footer {
		font-size: clamp(10px, 2.8vw, 12px);
		padding: 22px 0 16px;
	}

	.green-food-footer > strong {
		font-size: clamp(14px, 4.2vw, 18px);
	}

	.green-food-footer > small {
		font-size: clamp(8px, 2.4vw, 10px);
		margin-top: 24px;
	}
}

@media (max-width: 430px) {
	.green-food-story {
		grid-template-columns: 0.95fr 1.05fr;
	}

	.green-food-story__copy {
		padding-right: 12px;
	}

	.green-food-footer > div {
		gap: 10px;
	}
}