.mm-hosting-checkout {
	padding: 32px 0 56px;
}

.mm-hosting-checkout .mm-container {
	max-width: 860px;
	margin: 0 auto;
	padding: 0 16px;
}

.mm-checkout-intranet-nav {
	display: flex;
	gap: 10px;
	margin-bottom: 18px;
	flex-wrap: wrap;
}

.mm-checkout-intranet-nav a {
	display: inline-flex;
	padding: 8px 12px;
	border-radius: 8px;
	border: 1px solid #d4dbe8;
	color: #0b1f44;
	text-decoration: none;
	font-weight: 600;
	font-size: 14px;
}

.mm-hosting-checkout-card {
	background: #fff;
	border: 1px solid #d9dee8;
	border-radius: 14px;
	padding: 24px;
	box-shadow: 0 8px 24px rgba(7, 25, 56, 0.05);
}

.mm-hosting-selector-intro {
	margin: 0 0 18px;
	color: #2f3b52;
	font-size: 16px;
}

.mm-hosting-family + .mm-hosting-family {
	margin-top: 22px;
}

.mm-hosting-family h2 {
	margin: 0 0 12px;
	font-size: 24px;
}

.mm-hosting-family-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
}

.mm-hosting-plan-card {
	background: #fff;
	border: 1px solid #d9dee8;
	border-radius: 14px;
	padding: 16px;
	box-shadow: 0 8px 24px rgba(7, 25, 56, 0.05);
}

.mm-hosting-plan-card h3 {
	margin: 0 0 8px;
	font-size: 16px;
	line-height: 1.3;
}

.mm-hosting-plan-price {
	margin: 0 0 12px;
	font-weight: 700;
	color: #111827;
}

.mm-hosting-plan-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 12px;
	border-radius: 10px;
	background: #2563eb;
	color: #fff;
	border: 1px solid #2563eb;
	text-decoration: none;
	font-weight: 700;
	font-size: 13px;
}

.mm-hosting-plan-btn:hover {
	background: #1d4ed8;
	border-color: #1d4ed8;
}

.mm-hosting-checkout h1 {
	margin: 0 0 16px;
	font-size: 34px;
	line-height: 1.2;
}

.mm-hosting-checkout-plan {
	font-size: 20px;
	font-weight: 700;
	margin: 2px 0 16px;
}

.mm-hosting-checkout-card label {
	display: block;
	margin: 18px 0 8px;
	font-weight: 600;
}

#mm-hosting-domain {
	width: 100%;
	height: 46px;
	border: 1px solid #b9c3d4;
	border-radius: 10px;
	padding: 0 12px;
	font-size: 16px;
}

.mm-hosting-checkout-note {
	margin: 10px 0 0;
	font-size: 14px;
	color: #52607a;
}

.mm-hosting-checkout-status {
	margin: 16px 0;
	padding: 10px 12px;
	border-radius: 10px;
	background: #f4f7fd;
	color: #1f2d44;
	min-height: 20px;
}

.mm-hosting-checkout-status.mm-ok {
	background: #e8f6ee;
	color: #196b39;
}

.mm-hosting-checkout-status.mm-error {
	background: #fdecec;
	color: #a72626;
}

.mm-hosting-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 12px 18px;
	border: 0;
	border-radius: 10px;
	background: #0f172a;
	color: #fff;
	font-weight: 700;
	cursor: pointer;
}

.mm-hosting-btn:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

@media (max-width: 768px) {
	.mm-hosting-checkout h1 {
		font-size: 28px;
	}
	.mm-hosting-checkout-card {
		padding: 18px;
	}
	.mm-hosting-family-grid {
		grid-template-columns: 1fr;
	}
}