.mnet-package-carousel-section {
	--mnet-blue: #123766;
	--mnet-accent: #1479d2;
	padding: 28px 20px 72px;
	background: linear-gradient(180deg, #fff 0%, #f5faff 100%);
	font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}


.mnet-package-carousel-shell {
	position: relative;
	max-width: 1320px;
	margin: 0 auto;
	padding: 32px;
	border: 1px solid rgba(20, 121, 210, .09);
	border-radius: 32px;
	background: rgba(255, 255, 255, .96);
	box-shadow: 0 24px 70px rgba(18, 55, 102, .13);
	overflow: hidden;
}

.mnet-package-carousel-track {
	display: flex;
	gap: 20px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
	padding: 2px 2px 12px;
}

.mnet-package-carousel-track::-webkit-scrollbar {
	display: none;
}

.mnet-package-detail-card {
	position: relative;
	flex: 1 0 340px;
	min-width: 0;
	display: grid;
	grid-template-rows: auto 1fr;
	gap: 17px;
	scroll-snap-align: center;
	border: 1px solid rgba(29, 116, 216, .1);
	border-radius: 25px;
	padding: 24px;
	box-shadow: 0 12px 28px rgba(18, 55, 102, .08);
	transition: transform .25s ease, box-shadow .25s ease;
	overflow: hidden;
}

.mnet-package-detail-card::after {
	content: "";
	position: absolute;
	width: 140px;
	height: 140px;
	right: -55px;
	top: -60px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .48);
}

.mnet-package-detail-card:hover {
	transform: translateY(-7px);
	box-shadow: 0 20px 42px rgba(18, 55, 102, .14);
}

.mnet-package-detail-card-30 {
	background: linear-gradient(145deg, #effcf7 0%, #e9f6ff 100%);
}

.mnet-package-detail-card-50 {
	background: linear-gradient(145deg, #eef8ff 0%, #e7f0ff 100%);
}

.mnet-package-detail-card-100 {
	background: linear-gradient(145deg, #f1f6ff 0%, #f3efff 100%);
}

.mnet-package-speed-badge {
	position: relative;
	z-index: 1;
	width: 82px;
	height: 82px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(20, 121, 210, .1);
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 10px 25px rgba(18, 55, 102, .15);
	color: #176d9d;
}

.mnet-package-speed-badge strong {
	font-size: 31px;
	line-height: 1;
	font-weight: 800;
}

.mnet-package-speed-badge span {
	margin-top: 4px;
	font-size: 11px;
	font-weight: 800;
}

.mnet-package-detail-content h3 {
	margin: 0 0 14px;
	color: var(--mnet-blue);
	font-size: 25px;
	line-height: 1.2;
	font-weight: 800;
}

.mnet-package-detail-content ul {
	display: grid;
	gap: 9px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.mnet-package-detail-content li {
	position: relative;
	margin: 0;
	padding-left: 22px;
	color: #35475e;
	font-size: 13.5px;
	line-height: 1.45;
	font-weight: 600;
}

.mnet-package-detail-content li::before {
	content: "✓";
	position: absolute;
	left: 0;
	top: 0;
	color: var(--mnet-accent);
	font-weight: 900;
}


@media (min-width: 1100px) {
	.mnet-package-carousel-track {
		overflow-x: hidden;
	}
}

@media (max-width: 1099px) {
	.mnet-package-detail-card {
		flex-basis: min(76vw, 390px);
	}
}

@media (max-width: 767px) {
	.mnet-package-carousel-section {
		padding: 22px 14px 54px;
	}

	.mnet-package-carousel-shell {
		padding: 20px 14px;
		border-radius: 24px;
	}

	.mnet-package-detail-card {
		flex-basis: 88%;
		padding: 22px 20px;
	}

	.mnet-package-detail-content h3 {
		font-size: 23px;
	}
}