<style>
	.lg-category-wrap {
		max-width: 1280px;
		margin: 0 auto;
		padding: 30px 20px 50px;
		font-family: Arial, Helvetica, sans-serif;
	}

	.lg-category-hero {
		background: #f7f7f7;
		border: 1px solid #e2e2e2;
		border-radius: 14px;
		padding: 30px 28px;
		margin-bottom: 30px;
		text-align: center;
	}

	.lg-category-hero h1 {
		margin: 0 0 14px;
		font-size: 34px;
		line-height: 1.2;
		color: #222222;
	}

	.lg-category-hero p {
		margin: 0 auto 12px;
		max-width: 900px;
		font-size: 16px;
		line-height: 1.65;
		color: #555555;
	}

	.lg-category-grid {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
		gap: 22px;
	}

	.lg-category-card {
		background: #ffffff;
		border: 1px solid #dddddd;
		border-radius: 14px;
		padding: 22px 20px;
		display: flex;
		flex-direction: column;
		min-height: 230px;
		box-sizing: border-box;
	}

	.lg-category-card h3 {
		margin: 0 0 12px;
		font-size: 19px;
		line-height: 1.3;
		color: #222222;
		min-height: 50px;
	}

	.lg-category-card p {
		margin: 0 0 18px;
		font-size: 14px;
		line-height: 1.6;
		color: #555555;
		flex-grow: 1;
	}

	.lg-card-buttons {
		margin-top: auto;
	}

	.lg-btn {
		display: inline-block;
		text-align: center;
		text-decoration: none;
		padding: 10px 14px;
		border-radius: 8px;
		font-size: 14px;
		font-weight: 700;
		box-sizing: border-box;
		background: #B65327;
		color: #ffffff;
	}

	.lg-btn:hover {
		background: #99451f;
		color: #ffffff;
		text-decoration: none;
	}

	@media (max-width: 767px) {
		.lg-category-hero {
			padding: 24px 18px;
		}

		.lg-category-hero h1 {
			font-size: 28px;
		}

		.lg-btn {
			width: 100%;
		}
	}
</style>