.term-web-hosting.ware-hosting-enhanced {
	--ware-hosting-bg: #10131d;
	--ware-hosting-card: #1b2130;
	--ware-hosting-card-soft: #151a26;
	--ware-hosting-line: rgba(255, 255, 255, 0.11);
	--ware-hosting-text: #f7f8fb;
	--ware-hosting-muted: #b9c0cf;
	--ware-hosting-pink: #ed368e;
	--ware-hosting-purple: #7b32ff;
	--ware-hosting-orange: #ff7a25;
}

.term-web-hosting.ware-hosting-enhanced .dmw-hosting-benefits {
	padding-bottom: clamp(34px, 4vw, 54px) !important;
}

.term-web-hosting.ware-hosting-enhanced .kb-row-layout-id1953_1b2a60-9c {
	padding-bottom: clamp(24px, 3vw, 38px) !important;
}

.term-web-hosting.ware-hosting-enhanced .kb-row-layout-id1953_5bed13-1e > .kt-row-column-wrap {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

.term-web-hosting .ware-hosting-period-toggle {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	width: min(480px, 100%);
	margin: 0 auto 22px !important;
	padding: 6px !important;
	gap: 6px !important;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 999px;
	background: #191f2c;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

.term-web-hosting .ware-hosting-period-toggle .kt-title-item {
	margin: 0 !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: transparent !important;
}

.term-web-hosting .ware-hosting-period-toggle .kt-tab-title {
	display: flex !important;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 8px 15px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: transparent !important;
	color: #c6cddd !important;
	font-weight: 800 !important;
	text-decoration: none !important;
	transition: color 180ms ease, background 220ms ease, box-shadow 220ms ease, transform 180ms ease;
}

.term-web-hosting .ware-hosting-period-toggle .kt-tab-title:hover {
	color: #fff !important;
}

.term-web-hosting .ware-hosting-period-toggle .ware-hosting-period-active .kt-tab-title,
.term-web-hosting .ware-hosting-period-toggle .kt-tab-title[aria-selected="true"] {
	background: linear-gradient(105deg, var(--ware-hosting-purple), var(--ware-hosting-pink)) !important;
	color: #fff !important;
	box-shadow: 0 9px 24px rgba(165, 49, 222, 0.28);
}

.term-web-hosting .ware-hosting-period-toggle .ware-hosting-period-active .kt-tab-title:active {
	transform: scale(0.985);
}

.term-web-hosting .ware-hosting-plans-tabs .kt-tabs-content-wrap .kt-row-column-wrap.kt-has-4-columns {
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	justify-content: center !important;
	width: min(1440px, 100%) !important;
	margin-inline: auto !important;
}

.term-web-hosting .ware-hosting-plans-tabs .kt-tabs-content-wrap {
	margin-inline: auto;
}

.term-web-hosting .ware-hosting-guide {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	margin-top: clamp(12px, 2vw, 24px) !important;
	padding: clamp(54px, 6vw, 84px) 22px !important;
	background:
		radial-gradient(circle at 8% 15%, rgba(123, 50, 255, 0.18), transparent 30%),
		radial-gradient(circle at 92% 88%, rgba(237, 54, 142, 0.14), transparent 28%),
		linear-gradient(145deg, #1a2030, #151a26) !important;
}

.term-web-hosting .ware-hosting-guide::before {
	position: absolute;
	z-index: -1;
	top: -180px;
	right: -130px;
	width: 430px;
	height: 430px;
	border: 1px solid rgba(255, 255, 255, 0.055);
	border-radius: 50%;
	box-shadow: 0 0 0 65px rgba(255, 255, 255, 0.018), 0 0 0 130px rgba(255, 255, 255, 0.01);
	content: "";
}

.term-web-hosting .ware-hosting-guide > .kt-row-column-wrap {
	width: min(1120px, 100%);
	margin-inline: auto;
}

.term-web-hosting .ware-hosting-guide h3 {
	max-width: 820px;
	margin: 0 auto 18px !important;
	color: var(--ware-hosting-text) !important;
	font-size: clamp(2rem, 4vw, 3.3rem) !important;
	line-height: 1.08 !important;
	letter-spacing: -0.04em;
	text-wrap: balance;
}

.term-web-hosting .ware-hosting-guide .kt-block-spacer {
	height: 34px !important;
}

.term-web-hosting .ware-hosting-guide p {
	max-width: 900px;
	margin: 18px auto !important;
	color: var(--ware-hosting-muted) !important;
	font-size: 1rem !important;
	line-height: 1.7 !important;
}

.term-web-hosting .ware-hosting-types {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px !important;
	max-width: 900px;
	margin: 24px auto 34px !important;
	padding: 0 !important;
}

.term-web-hosting .ware-hosting-types li {
	position: relative;
	min-height: 74px;
	margin: 0 !important;
	padding: 18px 16px 18px 62px !important;
	border: 1px solid var(--ware-hosting-line);
	border-radius: 16px;
	background: rgba(255, 255, 255, 0.045);
	color: #eef1f7;
	font-weight: 800;
	list-style: none;
}

.term-web-hosting .ware-hosting-types li::before {
	position: absolute;
	left: 17px;
	top: 16px;
	display: grid;
	place-items: center;
	width: 32px;
	height: 32px;
	border-radius: 10px;
	background: linear-gradient(140deg, rgba(123, 50, 255, 0.28), rgba(237, 54, 142, 0.24));
	color: #fff;
	content: "\2197";
	font-size: 17px;
	font-weight: 900;
}

.term-web-hosting .ware-hosting-types li:nth-child(1)::before { content: "\25C9"; }
.term-web-hosting .ware-hosting-types li:nth-child(2)::before { content: "\2601"; }
.term-web-hosting .ware-hosting-types li:nth-child(3)::before { content: "\26ED"; }

.term-web-hosting .ware-hosting-types .kb-svg-icon-wrap,
.term-web-hosting .ware-hosting-plan-grid .kb-svg-icon-wrap {
	display: none !important;
}

.term-web-hosting .ware-hosting-plan-grid {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 15px !important;
	margin: 30px auto 0 !important;
	padding: 0 !important;
}

.term-web-hosting .ware-hosting-plan-card {
	position: relative;
	min-height: 150px;
	margin: 0 !important;
	padding: 26px 24px 24px 82px !important;
	border: 1px solid var(--ware-hosting-line);
	border-radius: 18px;
	background: linear-gradient(145deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.025));
	color: #dfe4ee;
	line-height: 1.6;
	list-style: none;
	box-shadow: 0 18px 42px rgba(0, 0, 0, 0.15);
	transition: transform 220ms ease, border-color 220ms ease, background 220ms ease;
}

.term-web-hosting .ware-hosting-plan-card::before {
	position: absolute;
	left: 22px;
	top: 24px;
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border-radius: 13px;
	background: linear-gradient(140deg, var(--ware-hosting-purple), var(--ware-hosting-pink));
	color: #fff;
	content: "\2726";
	font-size: 19px;
	font-weight: 900;
	box-shadow: 0 10px 24px rgba(123, 50, 255, 0.28);
}

.term-web-hosting .ware-hosting-plan-card[data-plan="prime"]::before { content: "\25B2"; }
.term-web-hosting .ware-hosting-plan-card[data-plan="power"]::before { content: "\26A1"; }
.term-web-hosting .ware-hosting-plan-card[data-plan="super-power"]::before { content: "\2604"; }

.term-web-hosting .ware-hosting-plan-card:hover {
	transform: translateY(-4px);
	border-color: rgba(237, 54, 142, 0.42);
	background: linear-gradient(145deg, rgba(123, 50, 255, 0.13), rgba(237, 54, 142, 0.065));
}

.term-web-hosting .ware-hosting-types li,
.term-web-hosting .ware-hosting-plan-card {
	opacity: 0;
	transform: translateY(14px);
}

.term-web-hosting .ware-hosting-types li.is-visible,
.term-web-hosting .ware-hosting-plan-card.is-visible {
	opacity: 1;
	transform: translateY(0);
	transition: opacity 440ms ease var(--ware-reveal-delay, 0ms), transform 440ms cubic-bezier(.22,.8,.24,1) var(--ware-reveal-delay, 0ms), border-color 220ms ease, background 220ms ease;
}

.term-web-hosting.ware-hosting-enhanced .kb-row-layout-id1953_3353b2-6d {
	margin-top: 0 !important;
	padding-top: clamp(48px, 6vw, 76px) !important;
}

@media (max-width: 1024px) {
	.term-web-hosting .ware-hosting-plans-tabs .kt-tabs-content-wrap .kt-row-column-wrap.kt-has-4-columns {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 700px) {
	.term-web-hosting .ware-hosting-period-toggle {
		margin-bottom: 16px !important;
	}

	.term-web-hosting .ware-hosting-period-toggle .kt-tab-title {
		min-height: 42px;
		padding-inline: 6px !important;
		font-size: clamp(0.72rem, 3.4vw, 0.82rem) !important;
		white-space: nowrap;
	}

	.term-web-hosting .ware-hosting-plans-tabs .kt-tabs-content-wrap .kt-row-column-wrap.kt-has-4-columns,
	.term-web-hosting .ware-hosting-types,
	.term-web-hosting .ware-hosting-plan-grid {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	.term-web-hosting .ware-hosting-guide {
		padding: 46px 16px !important;
	}

	.term-web-hosting .ware-hosting-guide h3 {
		font-size: 2.05rem !important;
	}

	.term-web-hosting .ware-hosting-plan-card {
		min-height: 0;
		padding: 22px 18px 22px 72px !important;
	}

	.term-web-hosting .ware-hosting-plan-card::before {
		left: 17px;
		top: 20px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.term-web-hosting .ware-hosting-period-toggle .kt-tab-title,
	.term-web-hosting .ware-hosting-types li,
	.term-web-hosting .ware-hosting-plan-card {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
	}
}
