#mini-checkout,
#mini-checkout * {
	box-sizing: border-box;
}

#mini-checkout {
	background: #121016;
	padding: 80px 20px;
	font-family: Arial, Helvetica, sans-serif;
}

#mini-checkout .mc-card {
	max-width: 480px;
	margin: 0 auto;
	background: #1a171d;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 16px;
	padding: 40px 34px;
	color: #ffffff;
}

#mini-checkout .mc-title {
	text-align: center;
	font-size: 20px;
	font-weight: 800;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 0 0 26px;
}

#mini-checkout .mc-package {
	text-align: center;
	margin-bottom: 30px;
	padding-bottom: 24px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

#mini-checkout .mc-package__label {
	display: block;
	font-size: 11px;
	letter-spacing: 1.5px;
	font-weight: 700;
	color: #9a959e;
	margin-bottom: 10px;
}

#mini-checkout .mc-package__name {
	display: block;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 4px;
}

#mini-checkout .mc-package__price {
	display: inline-block;
	font-size: 22px;
	font-weight: 800;
	background: linear-gradient(90deg, #db5d52 0%, #b1352a 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

#mini-checkout .mc-package__empty {
	font-size: 14px;
	color: #9a959e;
}

#mini-checkout .mc-field {
	margin-bottom: 20px;
}

#mini-checkout .mc-field label {
	display: block;
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #cfcbd2;
	margin-bottom: 8px;
}

#mini-checkout .mc-field input {
	width: 100%;
	background: #121016;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 6px;
	padding: 14px 16px;
	color: #ffffff;
	font-size: 14px;
}

#mini-checkout .mc-field input::placeholder {
	color: #6f6a72;
}

#mini-checkout .mc-field input:focus {
	outline: none;
	border-color: #b1352a;
}

#mini-checkout .mc-error {
	display: none;
	color: #e0665a;
	font-size: 13px;
	margin-bottom: 16px;
	text-align: center;
}

#mini-checkout .mc-submit {
	width: 100%;
	padding: 17px 20px;
	background: linear-gradient(90deg, #b1352a 0%, #531e19 100%);
	border: none;
	border-radius: 6px;
	color: #ffffff;
	font-weight: 700;
	font-size: 15px;
	cursor: pointer;
	box-shadow: 0 0 25px 4px rgba(177, 53, 42, 0.4);
	transition: transform 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease;
}

#mini-checkout .mc-submit:hover {
	transform: translateY(-2px);
	box-shadow: 0 0 35px 8px rgba(219, 93, 82, 0.55);
}

#mini-checkout .mc-submit.mc-loading {
	opacity: 0.6;
	cursor: not-allowed;
}