.top-bar {
    padding: 10px 0;
    display: inline-block;
    width: 100%;
    position: relative;
    z-index: 100;
	background: #151d25;
	color: #fff;
}
	.top-bar a {
	    font-size: 12px;
	    margin-right: 25px;
	    border-right: 1px solid #a5a5a5;
	    padding-right: 20px;
	    color: #fff!important;
	}
		.top-bar a:last-child {
		    border-right: 0;
		    padding-right: 0;
		}
		
		.top-bar a i {
			color: #a5a5a5;
		}
		.top-bar a:hover {
			text-decoration: none!important;
			color: #59626b!important;
		}

		.top-bar .btn-danger, .top-bar .btn-danger:hover, .top-bar .btn-danger i {
			color: #fff!important;
			background: #ea1010;
		}
		
		.top-bar .btn-danger {
			border: none;
		    padding-right: 10px;
		}
		
		.top-bar .sm-block.dropdown {
			position: relative;
			display: flex;
			align-items: center;
			justify-content: flex-end;
			align-self: center;
			margin-left: 0;
			margin-right: 0;
			text-align: right;
		}

		.top-bar .sm-block.dropdown .dropdown-toggle.btn-danger {
			margin-right: 0 !important;
			border-right: 0 !important;
		}

		/* Top bar — account dropdown (Contul meu, etc.) */
		.top-bar .dropdown-menu {
			min-width: 220px;
			padding: 0.5rem;
			margin-top: 0.5rem;
			border: 1px solid #e8ecef;
			border-radius: 10px;
			box-shadow: 0 8px 24px rgba(34, 46, 58, 0.12), 0 2px 8px rgba(34, 46, 58, 0.06);
			background-color: #fff;
			background-clip: padding-box;
		}

		.top-bar .dropdown-menu .dropdown-divider,
		.top-bar .dropdown-menu > li.dropdown-divider {
			height: 0;
			margin: 0.35rem 0.5rem;
			overflow: hidden;
			border-top: 1px solid #e8ecef;
		}

		.top-bar .dropdown-menu > li.dropdown-item {
			padding: 0;
			margin: 0.125rem 0;
			list-style: none;
			background: transparent !important;
		}

		.top-bar .dropdown-menu > li.dropdown-item > a.dropdown-item {
			display: block;
			width: 100%;
			padding: 0.5rem 0.75rem !important;
			font-size: 0.875rem;
			font-weight: 500;
			line-height: 1.35;
			color: #5a6570 !important;
			background-color: transparent !important;
			background-image: none !important;
			border: 0;
			border-radius: 8px;
			white-space: nowrap;
			transition: background-color 0.15s ease, color 0.15s ease;
		}

		.top-bar .dropdown-menu > li.dropdown-item:hover,
		.top-bar .dropdown-menu > li.dropdown-item:focus {
			background: transparent !important;
		}

		.top-bar .dropdown-menu > li.dropdown-item > a.dropdown-item:hover,
		.top-bar .dropdown-menu > li.dropdown-item > a.dropdown-item:focus {
			color: #222e3a !important;
			background-color: #f8fafb !important;
			text-decoration: none;
		}

		.top-bar .dropdown-menu > li.dropdown-item > a.dropdown-item:active {
			color: #222e3a !important;
			background-color: #eef2f5 !important;
		}

		.top-bar .dropdown-menu > li.dropdown-item-primary > a.dropdown-item {
			font-weight: 700 !important;
			color: #222e3a !important;
		}

		.top-bar .dropdown-menu > li.dropdown-item-primary > a.dropdown-item:hover,
		.top-bar .dropdown-menu > li.dropdown-item-primary > a.dropdown-item:focus {
			color: #ea1010 !important;
			background-color: #fff5f5 !important;
		}

		.top-bar #Primary_Navbar-Login > a.dropdown-item,
		.top-bar #Primary_Navbar-Register > a.dropdown-item {
			font-weight: 600 !important;
			color: #222e3a !important;
		}

		.top-bar #Primary_Navbar-Login > a.dropdown-item:hover,
		.top-bar #Primary_Navbar-Login > a.dropdown-item:focus,
		.top-bar #Primary_Navbar-Register > a.dropdown-item:hover,
		.top-bar #Primary_Navbar-Register > a.dropdown-item:focus {
			color: #ea1010 !important;
			background-color: #fff5f5 !important;
		}

.top-bar .text-left.mr-auto.xs-block,
.top-bar .d-block.d-sm-flex.align-items-sm-center {
	overflow: visible;
}

@media (min-width: 576px) {
	.top-bar > .container > .d-block.d-sm-flex {
		align-items: center !important;
		justify-content: flex-end !important;
		width: 100%;
		gap: 1rem;
	}

	.top-bar > .container > .d-block.d-sm-flex > .text-left.mr-auto {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		flex: 0 1 auto;
		width: auto !important;
		max-width: none;
		margin-right: 0 !important;
		margin-left: 0 !important;
	}

	.top-bar > .container > .d-block.d-sm-flex > .sm-block.dropdown {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		align-self: center;
		flex: 0 0 auto;
		margin-left: 0 !important;
	}
}

.top-bar .tophost-topbar-notifications {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 2;
	width: 2rem;
	height: 2rem;
	margin: 0 0 0 0.35rem;
	padding: 0 !important;
	vertical-align: middle;
	overflow: visible !important;
	color: #fff !important;
	background: transparent !important;
	border: none !important;
	border-right: none !important;
	box-shadow: none !important;
	border-radius: 8px !important;
}

.top-bar .tophost-topbar-notifications:hover,
.top-bar .tophost-topbar-notifications:focus {
	color: #fff !important;
	background: rgba(255, 255, 255, 0.08) !important;
	box-shadow: none !important;
}

.top-bar .tophost-topbar-notifications:focus {
	outline: none;
	box-shadow: 0 0 0 2px rgba(234, 16, 16, 0.45) !important;
}

.top-bar .tophost-topbar-notifications .far.fa-bell {
	position: relative;
	z-index: 1;
	font-size: 1.0625rem;
	color: #a5a5a5;
}

.top-bar .tophost-topbar-notifications--has-alerts .far.fa-bell {
	color: #ea1010;
}

.top-bar .tophost-topbar-notifications--has-alerts {
	animation: tophost-topbar-notifications-pulse 1.6s ease-in-out infinite;
}

@keyframes tophost-topbar-notifications-pulse {
	0%,
	100% {
		box-shadow: 0 0 0 0 rgba(234, 16, 16, 0.55);
	}
	50% {
		box-shadow: 0 0 0 7px rgba(234, 16, 16, 0);
	}
}

.top-bar .tophost-topbar-notifications__badge {
	position: absolute;
	top: -0.3rem;
	right: calc(-0.35rem - 3px);
	z-index: 5;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 1.05rem;
	height: 1.05rem;
	padding: 0 0.2rem;
	font-size: 0.625rem;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	color: #fff;
	background: #ea1010;
	border: 2px solid #151d25;
	border-radius: 999px;
	box-sizing: content-box;
	pointer-events: none;
}

header.header {
    background: #222e3a;
}
	header.header .navbar a {
		color: #fff;
	}

/* Main navbar — dropdown menus (Services, Domains, Store, etc.) */
header.header .main-navbar-wrapper .dropdown-menu {
	min-width: 220px;
	padding: 0.5rem;
	margin-top: 0.5rem;
	border: 1px solid #e8ecef;
	border-radius: 10px;
	box-shadow: 0 8px 24px rgba(34, 46, 58, 0.12), 0 2px 8px rgba(34, 46, 58, 0.06);
	background-color: #fff;
	background-clip: padding-box;
}

header.header .main-navbar-wrapper .dropdown-menu .dropdown-divider {
	display: none !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	overflow: hidden !important;
}

header.header .main-navbar-wrapper .dropdown-menu > li.dropdown-item {
	padding: 0;
	margin: 0.125rem 0;
	list-style: none;
	background: transparent !important;
}

header.header .main-navbar-wrapper .dropdown-menu > li.dropdown-item > a.dropdown-item {
	display: block;
	width: 100%;
	padding: 0.5rem 0.75rem !important;
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.35;
	color: #5a6570 !important;
	background-color: transparent !important;
	background-image: none !important;
	border: 0;
	border-radius: 8px;
	white-space: nowrap;
	transition: background-color 0.15s ease, color 0.15s ease;
}

header.header .main-navbar-wrapper .dropdown-menu > li.dropdown-item:hover,
header.header .main-navbar-wrapper .dropdown-menu > li.dropdown-item:focus {
	background: transparent !important;
}

header.header .main-navbar-wrapper .dropdown-menu > li.dropdown-item > a.dropdown-item:hover,
header.header .main-navbar-wrapper .dropdown-menu > li.dropdown-item > a.dropdown-item:focus {
	color: #222e3a !important;
	background-color: #f8fafb !important;
	text-decoration: none;
}

header.header .main-navbar-wrapper .dropdown-menu > li.dropdown-item > a.dropdown-item:active {
	color: #222e3a !important;
	background-color: #eef2f5 !important;
}

header.header .main-navbar-wrapper .dropdown-item-primary > a.dropdown-item,
header.header .main-navbar-wrapper #Primary_Navbar-Services-My_Services > a.dropdown-item,
header.header .main-navbar-wrapper #Primary_Navbar-Domains-My_Domains > a.dropdown-item,
header.header .main-navbar-wrapper #Primary_Navbar-Domains-Domain_Search > a.dropdown-item {
	font-weight: 700 !important;
	color: #222e3a !important;
}

header.header .main-navbar-wrapper .dropdown-item-primary > a.dropdown-item:hover,
header.header .main-navbar-wrapper .dropdown-item-primary > a.dropdown-item:focus,
header.header .main-navbar-wrapper #Primary_Navbar-Services-My_Services > a.dropdown-item:hover,
header.header .main-navbar-wrapper #Primary_Navbar-Services-My_Services > a.dropdown-item:focus,
header.header .main-navbar-wrapper #Primary_Navbar-Domains-My_Domains > a.dropdown-item:hover,
header.header .main-navbar-wrapper #Primary_Navbar-Domains-My_Domains > a.dropdown-item:focus,
header.header .main-navbar-wrapper #Primary_Navbar-Domains-Domain_Search > a.dropdown-item:hover,
header.header .main-navbar-wrapper #Primary_Navbar-Domains-Domain_Search > a.dropdown-item:focus {
	color: #ea1010 !important;
	background-color: #fff5f5 !important;
}

/* Main navbar — top-level links */
header.header .main-navbar-wrapper #mainNavbar #nav > li > a {
	font-weight: 700;
}

@media (min-width: 1200px) {
	header.header .main-navbar-wrapper #mainNavbar #nav > li > a.pr-4 {
		padding-right: 0 !important;
	}

	header.header .main-navbar-wrapper #mainNavbar #nav.navbar-nav {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 2rem;
	}

	header.header .main-navbar-wrapper #mainNavbar #nav > li > a.dropdown-toggle {
		padding-right: 1.25rem !important;
	}
}

/* Main navbar — mobile menu */
@media (max-width: 1199.98px) {
	header.header > .navbar > .container {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
	}

	header.header .navbar-brand {
		flex: 1 1 auto;
		max-width: calc(100% - 7rem);
		margin-right: 0 !important;
	}

	header.header .logo-img {
		height: 48px;
	}

	header.header .toolbar {
		flex: 0 0 auto;
		display: flex;
		align-items: center;
		gap: 0.5rem;
		margin-left: auto;
	}

	header.header .toolbar .nav-item {
		margin-left: 0 !important;
	}

	header.header .toolbar .nav-link {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-width: 2.5rem;
		min-height: 2.5rem;
		padding: 0.5rem !important;
		border: 1px solid rgba(255, 255, 255, 0.28) !important;
		border-radius: 8px !important;
		color: #fff !important;
		background: transparent;
		box-shadow: none;
	}

	header.header .toolbar .nav-link:hover,
	header.header .toolbar .nav-link:focus {
		background: rgba(255, 255, 255, 0.1) !important;
		color: #fff !important;
	}

	header.header .toolbar button.nav-link[aria-expanded="true"] {
		background: rgba(255, 255, 255, 0.14) !important;
		border-color: rgba(255, 255, 255, 0.45) !important;
	}

	header.header .toolbar button.nav-link .fa-bars {
		font-size: 1.125rem;
	}

	header.header .main-navbar-wrapper {
		flex: 0 0 100%;
		width: 100%;
		order: 10;
		margin: 0;
		padding: 0;
	}

	header.header .main-navbar-wrapper > .container {
		width: 100%;
		max-width: 100%;
		padding: 0;
		margin: 0;
	}

	header.header .main-navbar-wrapper #mainNavbar,
	header.header .main-navbar-wrapper #mainNavbar.navbar-collapse {
		margin: 0.75rem -15px 0;
		padding: 0;
		background: transparent !important;
		background-color: transparent !important;
		border: none;
		border-radius: 0;
		box-shadow: none;
	}

	header.header .main-navbar-wrapper .navbar-collapse {
		padding: 0 !important;
		background: transparent !important;
		background-color: transparent !important;
	}

	header.header .main-navbar-wrapper #mainNavbar #nav.navbar-nav {
		flex-direction: column;
		align-items: stretch;
		gap: 0;
		width: 100%;
		margin: 0;
		padding: 0;
		background: transparent !important;
	}

	header.header .main-navbar-wrapper #mainNavbar #nav > li {
		width: 100%;
		background: transparent !important;
		background-color: transparent !important;
		border-bottom: none;
	}

	header.header .main-navbar-wrapper #mainNavbar #nav > li > a,
	header.header .main-navbar-wrapper #mainNavbar #nav > li > a.pr-4,
	header.header .main-navbar-wrapper #mainNavbar #nav.navbar-nav > li > a,
	header.header .main-navbar-wrapper #mainNavbar .navbar-nav a {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		padding: 1rem 1.5rem 1rem 1.25rem !important;
		font-size: 1rem;
		font-weight: 600;
		letter-spacing: 0.01em;
		color: #fff !important;
		border: none;
		border-radius: 0;
		background: none !important;
		background-color: transparent !important;
		background-image: none !important;
		-webkit-tap-highlight-color: transparent;
		box-shadow: none;
		transition: color 0.2s ease;
	}

	header.header .main-navbar-wrapper #mainNavbar #nav > li > a:hover,
	header.header .main-navbar-wrapper #mainNavbar #nav > li > a:focus,
	header.header .main-navbar-wrapper #mainNavbar #nav > li > a:active,
	header.header .main-navbar-wrapper #mainNavbar #nav > li > a.active,
	header.header .main-navbar-wrapper #mainNavbar #nav > li.show > a,
	header.header .main-navbar-wrapper #mainNavbar .navbar-nav a:hover,
	header.header .main-navbar-wrapper #mainNavbar .navbar-nav a:focus,
	header.header .main-navbar-wrapper #mainNavbar .navbar-nav a:active {
		background: none !important;
		background-color: transparent !important;
		background-image: none !important;
		color: #ea1010 !important;
		text-decoration: none;
		box-shadow: none;
		outline: none;
	}

	header.header .main-navbar-wrapper #mainNavbar #nav > li.show > a.dropdown-toggle {
		background: none !important;
		background-color: transparent !important;
		color: #ea1010 !important;
	}

	header.header .main-navbar-wrapper #mainNavbar #nav > li > a.dropdown-toggle::after {
		margin-left: 0.75rem;
		border-top-color: currentColor;
		transition: transform 0.2s ease;
	}

	header.header .main-navbar-wrapper #mainNavbar #nav > li.show > a.dropdown-toggle::after {
		transform: rotate(180deg);
	}

	header.header .main-navbar-wrapper #mainNavbar #nav .dropdown-menu {
		position: static !important;
		float: none;
		display: none;
		width: 100%;
		min-width: 0;
		margin: 0 !important;
		padding: 0 0 0.35rem !important;
		transform: none !important;
		border: none;
		border-radius: 0;
		background: transparent !important;
		box-shadow: none !important;
	}

	header.header .main-navbar-wrapper #mainNavbar #nav .dropdown.show > .dropdown-menu {
		display: block;
	}

	header.header .main-navbar-wrapper #mainNavbar #nav .dropdown-menu > li.dropdown-item {
		margin: 0;
		padding: 0;
		background: transparent !important;
		border-bottom: none !important;
	}

	header.header .main-navbar-wrapper #mainNavbar #nav .dropdown-menu > li.dropdown-item > a.dropdown-item {
		display: block;
		color: rgba(255, 255, 255, 0.82) !important;
		padding: 0.75rem 1.25rem 0.75rem 2.25rem !important;
		font-size: 0.9375rem;
		font-weight: 500;
		border: none !important;
		border-bottom: none !important;
		border-left: 3px solid transparent;
		border-radius: 0;
		background: transparent !important;
		transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
	}

	header.header .main-navbar-wrapper #mainNavbar #nav .dropdown-menu > li.dropdown-item > a.dropdown-item:hover,
	header.header .main-navbar-wrapper #mainNavbar #nav .dropdown-menu > li.dropdown-item > a.dropdown-item:focus {
		color: #fff !important;
		background: rgba(255, 255, 255, 0.04) !important;
		border-left-color: #ea1010;
	}

	header.header .main-navbar-wrapper #mainNavbar #nav .dropdown-item-primary > a.dropdown-item,
	header.header .main-navbar-wrapper #mainNavbar #nav #Primary_Navbar-Services-My_Services > a.dropdown-item,
	header.header .main-navbar-wrapper #mainNavbar #nav #Primary_Navbar-Domains-My_Domains > a.dropdown-item,
	header.header .main-navbar-wrapper #mainNavbar #nav #Primary_Navbar-Domains-Domain_Search > a.dropdown-item {
		color: #fff !important;
		font-weight: 700 !important;
	}

	header.header .main-navbar-wrapper #mainNavbar #nav .dropdown-item-primary > a.dropdown-item:hover,
	header.header .main-navbar-wrapper #mainNavbar #nav .dropdown-item-primary > a.dropdown-item:focus,
	header.header .main-navbar-wrapper #mainNavbar #nav #Primary_Navbar-Services-My_Services > a.dropdown-item:hover,
	header.header .main-navbar-wrapper #mainNavbar #nav #Primary_Navbar-Services-My_Services > a.dropdown-item:focus,
	header.header .main-navbar-wrapper #mainNavbar #nav #Primary_Navbar-Domains-My_Domains > a.dropdown-item:hover,
	header.header .main-navbar-wrapper #mainNavbar #nav #Primary_Navbar-Domains-My_Domains > a.dropdown-item:focus,
	header.header .main-navbar-wrapper #mainNavbar #nav #Primary_Navbar-Domains-Domain_Search > a.dropdown-item:hover,
	header.header .main-navbar-wrapper #mainNavbar #nav #Primary_Navbar-Domains-Domain_Search > a.dropdown-item:focus {
		color: #fff !important;
		background: rgba(255, 255, 255, 0.06) !important;
		border-left-color: #ea1010;
	}

	header.header .main-navbar-wrapper #mainNavbar .dropdown-item.active,
	header.header .main-navbar-wrapper #mainNavbar .dropdown-item:active,
	header.header .main-navbar-wrapper #mainNavbar #nav > li.dropdown-item,
	header.header .main-navbar-wrapper #mainNavbar #nav > li.dropdown-item > a {
		background: none !important;
		background-color: transparent !important;
	}
}
		
		header.header .cart-btn {
			background: #ea1010;
			border: none!important;
			border-radius: 5px!important;
		}
		
		header.header .cart-btn:hover {
			background: #fff;
			color: #ea1010;
		}

.header.header .logo-img {
	height: 60px;
}

/* Buttons — site-wide rounded style */
body.primary-bg-color .btn,
.top-bar .btn {
	border-radius: 8px !important;
	font-weight: 600;
	border: 1px solid transparent;
	box-shadow: 0 2px 8px rgba(34, 46, 58, 0.12);
	transition: background-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

body.primary-bg-color .btn:hover:not(:disabled):not(.disabled),
.top-bar .btn:hover:not(:disabled):not(.disabled) {
	box-shadow: 0 4px 14px rgba(34, 46, 58, 0.18);
}

body.primary-bg-color .btn:active:not(:disabled):not(.disabled),
body.primary-bg-color .btn.active:not(:disabled):not(.disabled) {
	box-shadow: 0 1px 4px rgba(34, 46, 58, 0.14);
}

body.primary-bg-color .btn:focus,
body.primary-bg-color .btn.focus,
.top-bar .btn:focus {
	outline: none;
	box-shadow: 0 0 0 3px rgba(234, 16, 16, 0.28);
}

body.primary-bg-color .btn-sm,
.top-bar .btn-sm {
	border-radius: 6px !important;
	font-size: 0.8125rem;
	padding: 0.35rem 0.75rem;
}

body.primary-bg-color .btn-lg {
	border-radius: 10px !important;
	padding: 0.65rem 1.35rem;
	font-size: 1rem;
}

body.primary-bg-color .btn-danger,
.top-bar .btn-danger,
.top-bar .btn-danger:hover,
.top-bar .btn-danger i {
	color: #fff !important;
	background: #ea1010;
	border: 1px solid transparent;
}

body.primary-bg-color .btn-danger:hover,
.top-bar .btn-danger:hover {
	background: #c90e0e;
}

body.primary-bg-color .btn-primary {
	background: #222e3a;
	color: #fff;
}

body.primary-bg-color .btn-primary:hover {
	background: #1c2334;
	color: #fff;
}

body.primary-bg-color .btn-success {
	background: #ea1010;
	color: #fff;
	font-size: 0.875rem;
	border: 1px solid transparent;
}

body.primary-bg-color .btn-success:hover,
body.primary-bg-color .btn-success:focus,
body.primary-bg-color .btn-success:active {
	background: #1c2334 !important;
	color: #fff !important;
	border: 1px solid transparent !important;
}

body.primary-bg-color .btn-info {
	background: #222e3a;
	color: #fff;
}

body.primary-bg-color .btn-info:hover {
	background: #ea1010;
	color: #fff;
}

body.primary-bg-color .btn-default,
body.primary-bg-color .btn-secondary {
	background: #fff;
	color: #222e3a;
	border: 1px solid #d0d7de !important;
	box-shadow: 0 1px 4px rgba(34, 46, 58, 0.06);
}

body.primary-bg-color .btn-default:hover,
body.primary-bg-color .btn-secondary:hover {
	background: #f0f3f6;
	color: #222e3a;
	border-color: #b8c2cc !important;
}

/* WHMCS panel header buttons: btn-default + bg-color-* (e.g. „Deschide un tichet”) */
body.primary-bg-color .btn-default[class*="bg-color-"],
body.primary-bg-color .client-home-cards .card-header .btn[class*="bg-color-"] {
	color: #fff !important;
	border: none !important;
	box-shadow: 0 2px 6px rgba(34, 46, 58, 0.15);
}

body.primary-bg-color .btn-default[class*="bg-color-"]:hover,
body.primary-bg-color .client-home-cards .card-header .btn[class*="bg-color-"]:hover {
	color: #fff !important;
	filter: brightness(0.92);
}

body.primary-bg-color .btn.bg-color-gold,
body.primary-bg-color .btn-default.bg-color-gold { background-color: #f0ad4e !important; }
body.primary-bg-color .btn.bg-color-green,
body.primary-bg-color .btn-default.bg-color-green { background-color: #5cb85c !important; }
body.primary-bg-color .btn.bg-color-red,
body.primary-bg-color .btn-default.bg-color-red { background-color: #d9534f !important; }
body.primary-bg-color .btn.bg-color-blue,
body.primary-bg-color .btn-default.bg-color-blue { background-color: #5bc0de !important; }
body.primary-bg-color .btn.bg-color-orange,
body.primary-bg-color .btn-default.bg-color-orange { background-color: #ff6600 !important; }
body.primary-bg-color .btn.bg-color-pink,
body.primary-bg-color .btn-default.bg-color-pink { background-color: #e671b8 !important; }
body.primary-bg-color .btn.bg-color-purple,
body.primary-bg-color .btn-default.bg-color-purple { background-color: #7b4f9d !important; }
body.primary-bg-color .btn.bg-color-lime,
body.primary-bg-color .btn-default.bg-color-lime { background-color: #8cbf26 !important; }
body.primary-bg-color .btn.bg-color-magenta,
body.primary-bg-color .btn-default.bg-color-magenta { background-color: #ff0097 !important; }
body.primary-bg-color .btn.bg-color-teal,
body.primary-bg-color .btn-default.bg-color-teal { background-color: #00aba9 !important; }
body.primary-bg-color .btn.bg-color-turquoise,
body.primary-bg-color .btn-default.bg-color-turquoise { background-color: #1abc9c !important; }
body.primary-bg-color .btn.bg-color-emerald,
body.primary-bg-color .btn-default.bg-color-emerald { background-color: #2ecc71 !important; }
body.primary-bg-color .btn.bg-color-amethyst,
body.primary-bg-color .btn-default.bg-color-amethyst { background-color: #9b59b6 !important; }
body.primary-bg-color .btn.bg-color-wet-asphalt,
body.primary-bg-color .btn-default.bg-color-wet-asphalt { background-color: #004258 !important; }
body.primary-bg-color .btn.bg-color-midnight-blue,
body.primary-bg-color .btn-default.bg-color-midnight-blue { background-color: #2c3e50 !important; }
body.primary-bg-color .btn.bg-color-pomegranate,
body.primary-bg-color .btn-default.bg-color-pomegranate { background-color: #c0392b !important; }
body.primary-bg-color .btn.bg-color-asbestos,
body.primary-bg-color .btn-default.bg-color-asbestos { background-color: #7f8c8d !important; }

body.primary-bg-color .btn.bg-color-silver,
body.primary-bg-color .btn-default.bg-color-silver,
body.primary-bg-color .btn.bg-color-sun-flower,
body.primary-bg-color .btn-default.bg-color-sun-flower {
	color: #222e3a !important;
}

body.primary-bg-color .btn.bg-color-silver,
body.primary-bg-color .btn-default.bg-color-silver { background-color: #bdc3c7 !important; }
body.primary-bg-color .btn.bg-color-sun-flower,
body.primary-bg-color .btn-default.bg-color-sun-flower { background-color: #f1c40f !important; }

body.primary-bg-color .client-home-cards .card-header .btn-xs {
	padding: 0.25rem 0.65rem;
	font-size: 0.75rem;
	border-radius: 6px !important;
}

body.primary-bg-color .btn-warning {
	background: #f0ad4e;
	color: #222e3a;
}

body.primary-bg-color .btn-warning:hover {
	background: #ec971f;
	color: #222e3a;
}

body.primary-bg-color .btn-link {
	box-shadow: none;
	font-weight: 600;
}

body.primary-bg-color .btn-link:hover {
	transform: none;
	box-shadow: none;
	text-decoration: none;
	color: #ea1010;
}

body.primary-bg-color .btn-group > .btn:not(:last-child),
body.primary-bg-color .btn-group > .btn-group:not(:last-child) > .btn {
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

body.primary-bg-color .btn-group > .btn:not(:first-child),
body.primary-bg-color .btn-group > .btn-group:not(:first-child) > .btn {
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

/* Input groups — aligned height + connected rounded corners */
body.primary-bg-color .input-group > .form-control {
	border-radius: 8px 0 0 8px !important;
	border: 1px solid #d0d7de;
	border-right: 0;
	min-height: 38px;
	height: 38px;
	padding: 0.5rem 0.75rem;
	font-size: 0.875rem;
	box-shadow: none;
}

body.primary-bg-color .input-group > .form-control:focus {
	border-color: #ea1010;
	box-shadow: 0 0 0 2px rgba(234, 16, 16, 0.15);
	z-index: 2;
}

body.primary-bg-color .input-group-append > .btn,
body.primary-bg-color .input-group-append input.btn,
body.primary-bg-color .input-group-prepend > .btn,
body.primary-bg-color .input-group-prepend input.btn {
	min-height: 38px;
	height: 38px;
	padding: 0.5rem 0.85rem;
	line-height: 1.25;
	margin-left: 0;
	border-radius: 0 !important;
	box-shadow: none;
	border: 1px solid transparent !important;
}

body.primary-bg-color .input-group-append > .btn:not(:last-child),
body.primary-bg-color .input-group-append input.btn:not(:last-child) {
	border-right: 1px solid rgba(255, 255, 255, 0.2);
}

body.primary-bg-color .input-group-append > .btn:last-child,
body.primary-bg-color .input-group-append input.btn:last-child {
	border-radius: 0 8px 8px 0 !important;
}

body.primary-bg-color .input-group-append > .btn:only-child,
body.primary-bg-color .input-group-append input.btn:only-child {
	border-radius: 0 8px 8px 0 !important;
}

body.primary-bg-color .input-group-prepend > .btn,
body.primary-bg-color .input-group-prepend input.btn {
	border-radius: 8px 0 0 8px !important;
}

body.primary-bg-color .input-group-prepend + .form-control,
body.primary-bg-color .input-group-prepend ~ .form-control {
	border-radius: 0 !important;
	border-left: 0;
}

body.primary-bg-color .input-group-prepend + .form-control:last-child,
body.primary-bg-color .input-group > .form-control:only-child {
	border-radius: 8px !important;
	border-right: 1px solid #d0d7de;
}

body.primary-bg-color .input-group > .form-control:only-child {
	border: 1px solid #d0d7de;
}

body.primary-bg-color .input-group-append .btn:hover,
body.primary-bg-color .input-group-append input.btn:hover,
body.primary-bg-color .input-group-prepend .btn:hover,
body.primary-bg-color .input-group-append .btn:focus,
body.primary-bg-color .input-group-append input.btn:focus,
body.primary-bg-color .input-group-prepend .btn:focus {
	transform: none;
	border: 1px solid transparent !important;
}

.list-group-item.active {
	background: #222e3a;
}

.primary-bg-color {
	color: #222e3a !important;
}

#order-standard_cart .sub-heading span, #order-standard_cart .sub-heading-borderless span {
	color: #151d25;
}

#order-standard_cart .view-cart-items-header {
	background-color: #222e3a!important;
}

#order-standard_cart .empty-cart .btn {
	background-color: #222e3a!important;
}

#order-standard_cart .view-cart-items {
	border-bottom: 2px solid #222e3a!important;
}

/* Order summary sidebar — card layout */
#order-standard_cart #scrollingPanelContainer {
	padding-left: 0;
	padding-right: 0;
}

#order-standard_cart #orderSummary {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}

#order-standard_cart #orderSummary.order-summary,
#order-standard_cart #orderSummary .order-summary,
#order-standard_cart #orderSummary .tophost-order-summary {
	margin: 0 !important;
	padding: 0 !important;
	background: #fff !important;
	border: 1px solid #e8ecef !important;
	border-radius: 12px !important;
	border-bottom: 1px solid #e8ecef !important;
	box-shadow: 0 2px 8px rgba(34, 46, 58, 0.05) !important;
	overflow: hidden;
}

#order-standard_cart .tophost-order-summary__content {
	position: relative;
	min-height: 6.5rem;
}

#order-standard_cart #orderSummary.order-summary > h2,
#order-standard_cart #orderSummary .order-summary > h2 {
	margin: 0 !important;
	padding: 1rem 1.15rem !important;
	font-size: 1rem !important;
	font-weight: 700 !important;
	line-height: 1.3;
	color: #222e3a !important;
	text-align: left !important;
	background: #f8fafb;
	border-bottom: 1px solid #e8ecef;
}

#order-standard_cart #orderSummary .summary-container {
	margin: 0 !important;
	padding: 1rem 1.15rem !important;
	min-height: 5rem;
	background: #fff !important;
	border-radius: 0 !important;
	font-size: 0.875rem;
	line-height: 1.45;
	color: #222e3a;
	transition: opacity 0.2s ease;
}

#order-standard_cart .tophost-order-summary__content.tophost-order-summary--loading .summary-container {
	opacity: 0.4;
	pointer-events: none;
}

#order-standard_cart .tophost-order-summary__content.tophost-order-summary--loading #producttotal:not(:empty) {
	opacity: 1 !important;
	pointer-events: auto !important;
}

#order-standard_cart #orderSummary #orderSummaryLoader {
	position: absolute !important;
	z-index: 5;
	inset: 0;
	top: 0 !important;
	right: 0 !important;
	left: 0 !important;
	bottom: 0 !important;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	display: none;
	align-items: center;
	justify-content: center;
	font-size: 1.35rem;
	text-align: center;
	color: #222e3a !important;
	background: rgba(255, 255, 255, 0.88);
	border-radius: 0 0 11px 11px;
	pointer-events: none;
}

#order-standard_cart #orderSummary #orderSummaryLoader.tophost-loader--visible,
#order-standard_cart #orderSummary #orderSummaryLoader[style*="display: block"]:not([style*="display: none"]),
#order-standard_cart #orderSummary #orderSummaryLoader[style*="display:block"]:not([style*="display:none"]) {
	display: flex !important;
	opacity: 1;
}

#order-standard_cart #orderSummary .product-name {
	display: block;
	margin: 0 0 0.65rem;
	font-size: 0.9375rem;
	font-weight: 700;
	color: #222e3a;
}

#order-standard_cart #orderSummary .product-group {
	margin: 0 0 0.5rem;
	font-size: 0.8125rem;
	font-style: normal;
	color: #6c757d;
}

#order-standard_cart #producttotal .clearfix,
#order-standard_cart #orderSummary .clearfix,
#order-standard_cart #orderSummary .summary-totals .clearfix,
#order-standard_cart #orderSummary .summary-total .clearfix {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	padding: 0.4rem 0;
	font-size: 0.875rem;
	line-height: 1.35;
	color: #222e3a;
}

#order-standard_cart #producttotal .tophost-summary-line__label,
#order-standard_cart #orderSummary .clearfix .pull-left,
#order-standard_cart #orderSummary .clearfix .float-left,
#order-standard_cart #orderSummary .tophost-summary-line__label {
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: left;
	float: none !important;
}

#order-standard_cart #producttotal .tophost-summary-line__price,
#order-standard_cart #orderSummary .clearfix .pull-right,
#order-standard_cart #orderSummary .clearfix .float-right,
#order-standard_cart #orderSummary .tophost-summary-line__price {
	flex: 0 0 auto;
	text-align: right;
	font-weight: 600;
	white-space: nowrap;
	float: none !important;
}

#order-standard_cart #orderSummary .clearfix a {
	color: #6c757d;
}

#order-standard_cart #orderSummary .clearfix a:hover {
	color: #ea1010;
}

/* Order summary — domain renewal line items */
#order-standard_cart #producttotal .tophost-summary-renewals {
	margin: 0 0 0.25rem;
}

#order-standard_cart #producttotal .tophost-summary-renewals__heading {
	margin: 0 0 0.65rem;
	padding: 0;
	font-size: 0.6875rem;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #6b7c8f;
}

#order-standard_cart #producttotal .tophost-summary-renewals__list {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

#order-standard_cart #producttotal .tophost-summary-renewal-item {
	padding: 0.7rem 0.75rem;
	background: #f8fafb;
	border: 1px solid #e8ecef;
	border-radius: 10px;
}

#order-standard_cart #producttotal .tophost-summary-renewal-item__row {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 0.5rem 0.65rem;
}

#order-standard_cart #producttotal .tophost-summary-renewal-item__info {
	flex: 1 1 auto;
	min-width: 0;
}

#order-standard_cart #producttotal .tophost-summary-renewal-item__domain {
	display: block;
	margin: 0 0 0.2rem;
	font-size: 0.875rem;
	font-weight: 700;
	line-height: 1.3;
	color: #ea1010;
	word-break: break-word;
}

#order-standard_cart #producttotal .tophost-summary-renewal-item__period {
	display: block;
	font-size: 0.75rem;
	font-weight: 500;
	line-height: 1.35;
	color: #6b7c8f;
}

#order-standard_cart #producttotal .tophost-summary-renewal-item__actions {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	gap: 0.4rem;
}

#order-standard_cart #producttotal .tophost-summary-renewal-item__price {
	font-size: 0.8125rem;
	font-weight: 700;
	line-height: 1.3;
	color: #222e3a;
	white-space: nowrap;
}

#order-standard_cart #producttotal .tophost-summary-renewal-item__remove {
	display: inline-flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 1.75rem;
	height: 1.75rem;
	margin: 0;
	padding: 0;
	font-size: 0.75rem;
	line-height: 1;
	color: #6b7c8f !important;
	text-decoration: none !important;
	background: #fff;
	border: 1px solid #e0e6eb;
	border-radius: 8px;
	transition: color 0.15s ease, border-color 0.15s ease, background 0.15s ease;
}

#order-standard_cart #producttotal .tophost-summary-renewal-item__remove:hover,
#order-standard_cart #producttotal .tophost-summary-renewal-item__remove:focus {
	color: #ea1010 !important;
	background: #fff5f5;
	border-color: #f5c2c2;
	outline: none;
}

#order-standard_cart #producttotal .tophost-summary-renewal-item__addons {
	margin: 0.5rem 0 0;
	padding: 0.45rem 0 0 0.65rem;
	list-style: none;
	border-top: 1px dashed #e0e6eb;
}

#order-standard_cart #producttotal .tophost-summary-renewal-item__addons li {
	position: relative;
	margin: 0;
	padding: 0.15rem 0 0.15rem 0.85rem;
	font-size: 0.75rem;
	line-height: 1.35;
	color: #6b7c8f;
}

#order-standard_cart #producttotal .tophost-summary-renewal-item__addons li::before {
	content: "+";
	position: absolute;
	left: 0;
	font-weight: 600;
	color: #8a9aab;
}

#order-standard_cart #orderSummary .summary-totals,
#order-standard_cart #orderSummary .bordered-totals {
	margin: 0.75rem 0 0;
	padding: 0.75rem 0 0;
	border-top: 1px solid #e8ecef;
	border-bottom: none;
}

#order-standard_cart #orderSummary .subtotal {
	margin: 0;
	padding: 0.5rem 0;
	font-size: 0.875rem;
}

#order-standard_cart #orderSummary .recurring-totals {
	margin-top: 0.5rem;
	padding-top: 0.5rem;
	border-top: 1px dashed #e8ecef;
	font-size: 0.8125rem;
	color: #6c757d;
}

#order-standard_cart #orderSummary .total-due-today,
#order-standard_cart #orderSummary .total-due-today-padded {
	margin: 1rem 0 0;
	padding: 1rem;
	text-align: center;
	background: #f8fafb;
	border: 1px solid #e8ecef;
	border-radius: 10px;
}

#order-standard_cart #orderSummary .total-due-today .amt,
#order-standard_cart #orderSummary .total-due-today-padded .amt {
	display: block;
	margin-bottom: 0.25rem;
	font-size: 1.5rem !important;
	font-weight: 700;
	line-height: 1.2;
	color: #ea1010 !important;
	text-align: center !important;
}

#order-standard_cart #orderSummary .total-due-today > span:not(.amt) {
	display: block;
	font-size: 0.8125rem;
	font-weight: 600;
	color: #6c757d;
	text-align: center !important;
}

#order-standard_cart #orderSummary > .text-center {
	width: 100%;
	margin: 0;
	padding: 0;
}

#order-standard_cart #btnGoToCart,
#order-standard_cart #btnCompleteProductConfig {
	display: block;
	width: 100%;
	padding: 0.65rem 1rem;
	font-size: 0.9375rem;
	font-weight: 600;
	line-height: 1.3;
	text-align: center;
	border: 1px solid transparent;
	border-radius: 8px;
	background: #222e3a !important;
	border-color: #222e3a !important;
	box-shadow: 0 2px 8px rgba(34, 46, 58, 0.12);
}

#order-standard_cart #btnGoToCart:hover,
#order-standard_cart #btnGoToCart:focus,
#order-standard_cart #btnCompleteProductConfig:hover,
#order-standard_cart #btnCompleteProductConfig:focus {
	background: #1c2334 !important;
	border-color: #1c2334 !important;
}

/* Cart — remove / empty confirmation modal */
#order-standard_cart .tophost-modal-remove .modal-dialog,
#order-standard_cart .tophost-modal-remove__dialog {
	width: calc(100% - 2rem);
	max-width: 26rem;
	margin: 1rem auto;
}

#order-standard_cart .tophost-modal-remove__content {
	border: 1px solid #e8ecef;
	border-radius: 14px;
	box-shadow: 0 12px 40px rgba(34, 46, 58, 0.14);
	overflow: hidden;
}

#order-standard_cart .tophost-modal-remove__header {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.75rem 1rem;
	position: relative;
	margin: 0;
	padding: 1.15rem 3rem 1rem 1.15rem !important;
	text-align: left !important;
	background: #f8fafb;
	border-bottom: 1px solid #e8ecef;
}

#order-standard_cart .tophost-modal-remove__header .modal-title,
#order-standard_cart .tophost-modal-remove__title {
	flex: 1 1 auto;
	min-width: 0;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 1.0625rem !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
	color: #222e3a !important;
	text-align: left !important;
}

#order-standard_cart .tophost-modal-remove__header .modal-title i,
#order-standard_cart .tophost-modal-remove .modal-title i {
	display: none !important;
	padding: 0 !important;
}

#order-standard_cart .tophost-modal-remove__icon {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 2.75rem;
	height: 2.75rem;
	font-size: 1.125rem;
	line-height: 1;
	color: #ea1010;
	background: #fff5f5;
	border: 1px solid #fad4d4;
	border-radius: 12px;
}

#order-standard_cart .tophost-modal-remove__close {
	position: absolute;
	top: 0.85rem;
	right: 0.85rem;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	float: none !important;
	width: 2rem;
	height: 2rem;
	margin: 0;
	padding: 0 !important;
	font-size: 1.35rem;
	font-weight: 400;
	line-height: 1;
	color: #6b7c8f !important;
	text-shadow: none;
	opacity: 1;
	background: #fff;
	border: 1px solid #e0e6eb;
	border-radius: 8px;
	transition: color 0.15s ease, border-color 0.15s ease, background 0.15s ease;
}

#order-standard_cart .tophost-modal-remove__close:hover,
#order-standard_cart .tophost-modal-remove__close:focus {
	color: #222e3a !important;
	background: #f8fafb;
	border-color: #c5ced6;
	outline: none;
	opacity: 1;
}

#order-standard_cart .tophost-modal-remove__body {
	padding: 1.15rem 1.25rem !important;
	text-align: left !important;
}

#order-standard_cart .tophost-modal-remove__message {
	margin: 0;
	font-size: 0.9375rem;
	line-height: 1.55;
	color: #4a5a6a;
}

#order-standard_cart .tophost-modal-remove__footer {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	margin: 0;
	padding: 0.9rem 1.15rem 1.15rem !important;
	text-align: center !important;
	background: #fff;
	border-top: 1px solid #e8ecef;
}

#order-standard_cart .tophost-modal-remove__btn-cancel,
#order-standard_cart .tophost-modal-remove__btn-confirm {
	min-width: 6.5rem;
	margin: 0 !important;
	padding: 0.55rem 1.15rem !important;
	font-size: 0.875rem !important;
	font-weight: 600 !important;
	line-height: 1.3;
	border-radius: 8px !important;
}

#order-standard_cart .tophost-modal-remove__btn-cancel {
	color: #222e3a !important;
	background: #fff !important;
	border: 1px solid #d0d7de !important;
}

#order-standard_cart .tophost-modal-remove__btn-cancel:hover,
#order-standard_cart .tophost-modal-remove__btn-cancel:focus {
	color: #222e3a !important;
	background: #f8fafb !important;
	border-color: #b8c2cc !important;
}

#order-standard_cart .tophost-modal-remove__btn-confirm {
	color: #fff !important;
	background: #ea1010 !important;
	border: 1px solid #ea1010 !important;
	box-shadow: 0 2px 8px rgba(234, 16, 16, 0.2);
}

#order-standard_cart .tophost-modal-remove__btn-confirm:hover,
#order-standard_cart .tophost-modal-remove__btn-confirm:focus {
	color: #fff !important;
	background: #c90e0e !important;
	border-color: #c90e0e !important;
}

@media (max-width: 575.98px) {
	#order-standard_cart .tophost-modal-remove__footer {
		flex-direction: column-reverse;
		align-items: stretch;
	}

	#order-standard_cart .tophost-modal-remove__btn-cancel,
	#order-standard_cart .tophost-modal-remove__btn-confirm {
		width: 100%;
		min-width: 0;
	}
}

#order-standard_cart #checkout.btn-checkout {
	display: block;
	width: 100%;
	padding: 0.65rem 1rem;
	font-size: 0.9375rem;
	font-weight: 600;
	line-height: 1.3;
	text-align: center;
	color: #fff !important;
	border: 1px solid transparent;
	border-radius: 8px;
	background: #ea1010 !important;
	border-color: #ea1010 !important;
	box-shadow: 0 2px 8px rgba(234, 16, 16, 0.25);
}

#order-standard_cart #checkout.btn-checkout:hover,
#order-standard_cart #checkout.btn-checkout:focus {
	color: #fff !important;
	background: #c90e0e !important;
	border-color: #c90e0e !important;
}

#order-standard_cart #orderSummary .btn-continue-shopping {
	display: block;
	margin-top: 0;
	padding: 0.65rem 1rem;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.3;
	color: #222e3a !important;
	text-align: center;
	text-decoration: none !important;
	background: #fff !important;
	border: 1px solid #d0d7de !important;
	border-radius: 8px;
	box-shadow: none;
}

#order-standard_cart #orderSummary .btn-continue-shopping:hover,
#order-standard_cart #orderSummary .btn-continue-shopping:focus {
	color: #222e3a !important;
	text-decoration: none !important;
	background: #f8fafb !important;
	border-color: #222e3a !important;
	box-shadow: 0 2px 8px rgba(34, 46, 58, 0.08);
}

/* Order form — domain registration */
#order-standard_cart .tophost-domain-register__intro {
	margin: 0 0 1.25rem;
	max-width: 42rem;
	font-size: 0.9375rem;
	line-height: 1.55;
	color: #4a5a6a;
}

#order-standard_cart .tophost-domain-search-card.domain-checker-container {
	margin: 0 0 1.5rem;
	padding: 0;
	background: #fff !important;
	background-image: none !important;
	border: 1px solid #e8ecef;
	border-radius: 14px;
	box-shadow: 0 2px 12px rgba(34, 46, 58, 0.06);
	overflow: hidden;
}

#order-standard_cart .tophost-domain-search-card__inner.domain-checker-bg {
	margin: 0;
	padding: 1.35rem 1.25rem 1.5rem !important;
	background: #f8fafb !important;
	background-image: none !important;
}

#order-standard_cart .tophost-domain-search-card__row {
	margin: 0;
}

#order-standard_cart .tophost-domain-search-card__row > .col-12 {
	padding-left: 0;
	padding-right: 0;
}

#order-standard_cart .tophost-domain-search-card .input-group-box,
#order-standard_cart .tophost-domain-search-card__field {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0.35rem;
	background: #fff !important;
	border: 1px solid #e0e6eb;
	border-radius: 12px;
	box-shadow: 0 1px 4px rgba(34, 46, 58, 0.04);
}

#order-standard_cart .tophost-domain-search-card__field .form-control {
	flex: 1 1 auto;
	width: 1%;
	min-width: 0;
}

#order-standard_cart .tophost-domain-search-card #inputDomain {
	height: auto;
	min-height: 3rem;
	padding: 0.7rem 1rem;
	font-size: 1rem;
	color: #222e3a;
	border: 1px solid #d0d7de !important;
	border-radius: 10px 0 0 10px !important;
	box-shadow: none;
}

#order-standard_cart .tophost-domain-search-card #inputDomain:focus {
	border-color: #222e3a !important;
	box-shadow: 0 0 0 3px rgba(34, 46, 58, 0.08);
}

#order-standard_cart .tophost-domain-search-card .domain-check-availability {
	min-width: 7.5rem;
	height: auto;
	min-height: 3rem;
	padding: 0.7rem 1.25rem;
	font-size: 0.9375rem;
	font-weight: 600;
	border-radius: 0 10px 10px 0 !important;
	background: #222e3a !important;
	border-color: #222e3a !important;
}

#order-standard_cart .tophost-domain-search-card .domain-check-availability:hover,
#order-standard_cart .tophost-domain-search-card .domain-check-availability:focus {
	background: #1c2334 !important;
	border-color: #1c2334 !important;
}

#order-standard_cart .tophost-domain-search-card .captcha-container {
	margin-top: 1rem;
}

#order-standard_cart .tophost-domain-results {
	margin-bottom: 1.5rem;
}

#order-standard_cart .tophost-domain-results__primary.domain-checker-result-headline {
	margin: 0 0 1rem;
	padding: 1.15rem 1.25rem;
	font-size: 1.0625rem;
	text-align: center;
	background: #fff;
	border: 1px solid #e8ecef;
	border-radius: 12px;
	box-shadow: 0 2px 8px rgba(34, 46, 58, 0.05);
}

#order-standard_cart .tophost-domain-results .domain-checker-available {
	font-weight: 600;
	color: #1a7f4b;
}

#order-standard_cart .tophost-domain-results .domain-checker-unavailable,
#order-standard_cart .tophost-domain-results .domain-checker-invalid {
	font-weight: 600;
	color: #ea1010;
}

#order-standard_cart .tophost-domain-results .domain-price {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0.65rem 1rem;
	margin: 0.75rem 0 0;
}

#order-standard_cart .tophost-domain-results .domain-price .price {
	font-size: 1.25rem;
	font-weight: 700;
	color: #222e3a;
}

#order-standard_cart .tophost-domain-results .btn-add-to-cart,
#order-standard_cart .tophost-domain-spotlight .btn-add-to-cart,
#order-standard_cart .tophost-domain-suggestions .btn-add-to-cart {
	min-width: 8.5rem;
	padding: 0.5rem 1rem !important;
	font-size: 0.8125rem !important;
	font-weight: 600;
	line-height: 1.3;
	color: #fff !important;
	background: #222e3a !important;
	border: 1px solid #222e3a !important;
	border-radius: 8px !important;
}

#order-standard_cart .tophost-domain-results .btn-add-to-cart:hover,
#order-standard_cart .tophost-domain-spotlight .btn-add-to-cart:hover,
#order-standard_cart .tophost-domain-suggestions .btn-add-to-cart:hover {
	background: #1c2334 !important;
	border-color: #1c2334 !important;
}

#order-standard_cart .tophost-domain-spotlight.spotlight-tlds {
	margin: 0 0 1rem;
	padding: 1rem;
	background: #f8fafb;
	border: 1px solid #e8ecef;
	border-radius: 12px;
}

#order-standard_cart .tophost-domain-spotlight .spotlight-tlds-container {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -0.35rem;
}

#order-standard_cart .tophost-domain-spotlight .spotlight-tld-container {
	float: none;
	flex: 1 1 8.5rem;
	min-width: 7.5rem;
	max-width: 100%;
	padding: 0.35rem;
}

#order-standard_cart .tophost-domain-spotlight .spotlight-tld {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 6.5rem;
	padding: 0.85rem 0.5rem;
	text-align: center;
	font-size: 1rem;
	font-weight: 700;
	color: #222e3a;
	background: #fff;
	border: 1px solid #e0e6eb;
	border-radius: 10px;
	box-shadow: 0 1px 4px rgba(34, 46, 58, 0.04);
}

#order-standard_cart .tophost-domain-spotlight .spotlight-tld .available.price {
	display: block;
	margin: 0.35rem 0;
	font-size: 0.8125rem;
	font-weight: 600;
	color: #6b7c8f;
}

#order-standard_cart .tophost-domain-spotlight .spotlight-tld .btn {
	margin-top: 0.25rem;
}

#order-standard_cart .tophost-domain-suggestions.suggested-domains {
	margin: 0 0 1.5rem;
	overflow: hidden;
	background: #fff;
	border: 1px solid #e8ecef;
	border-radius: 12px;
	box-shadow: 0 2px 8px rgba(34, 46, 58, 0.05);
}

#order-standard_cart .tophost-domain-suggestions .panel-heading,
#order-standard_cart .tophost-domain-suggestions .card-header {
	margin: 0;
	padding: 0.85rem 1.15rem;
	font-size: 0.9375rem;
	font-weight: 700;
	color: #222e3a;
	background: #f8fafb !important;
	border-bottom: 1px solid #e8ecef !important;
}

#order-standard_cart .tophost-domain-suggestions .domain-lookup-suggestions-loader {
	padding: 1.25rem;
	background: #fff !important;
	font-size: 0.875rem;
	color: #6b7c8f;
	opacity: 1;
}

#order-standard_cart .tophost-domain-suggestions .list-group-item {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem 0.75rem;
	padding: 0.85rem 1.15rem;
	border-color: #e8ecef;
}

#order-standard_cart .tophost-domain-suggestions .list-group-item .domain {
	font-weight: 700;
	color: #ea1010;
}

#order-standard_cart .tophost-domain-suggestions .actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 0.5rem;
	float: none;
}

#order-standard_cart .tophost-domain-suggestions .price {
	padding: 0;
	font-size: 0.9375rem;
	font-weight: 700;
	color: #222e3a;
}

#order-standard_cart .tophost-domain-suggestions .panel-footer,
#order-standard_cart .tophost-domain-suggestions .card-footer {
	padding: 0.75rem 1rem;
	background: #f8fafb;
	border-top: 1px solid #e8ecef;
}

#order-standard_cart .tophost-domain-pricing {
	margin-top: 0.5rem;
}

#order-standard_cart .tophost-domain-pricing__title {
	margin: 0 0 0.75rem;
	font-size: 1.0625rem !important;
	font-weight: 700;
	color: #222e3a;
}

#order-standard_cart .tophost-domain-pricing__filters {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	margin-bottom: 1rem;
}

#order-standard_cart .tophost-domain-pricing__filters .badge {
	padding: 0.4rem 0.75rem;
	font-size: 0.75rem;
	font-weight: 600;
	color: #222e3a !important;
	background: #fff !important;
	border: 1px solid #d0d7de;
	border-radius: 999px;
}

#order-standard_cart .tophost-domain-pricing__filters .badge.badge-success,
#order-standard_cart .tophost-domain-pricing__filters .badge.active,
#order-standard_cart .tophost-domain-pricing__filters .badge:hover {
	color: #fff !important;
	background: #222e3a !important;
	border-color: #222e3a;
}

#order-standard_cart .tophost-domain-pricing__card-col.tophost-domain-pricing__card-col--hidden {
	display: none !important;
}

#order-standard_cart .tophost-domain-pricing__table {
	padding: 0;
	background: transparent !important;
	border: none !important;
	border-radius: 0;
	box-shadow: none !important;
}

#order-standard_cart .tophost-domain-pricing .tld-row.tophost-domain-pricing__card-col {
	padding-top: 0;
	padding-bottom: 0;
	border-bottom: none;
	background: transparent !important;
}

#order-standard_cart .tophost-domain-pricing .tld-row.tophost-domain-pricing__card-col.highlighted {
	background: transparent !important;
}

#order-standard_cart .tophost-domain-pricing__grid {
	margin-left: -0.5rem;
	margin-right: -0.5rem;
}

#order-standard_cart .tophost-domain-pricing__card-col {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	margin-bottom: 1rem;
}

#order-standard_cart .tophost-domain-pricing__card {
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: hidden;
	background: #fff;
	border: none;
	border-radius: 14px;
	box-shadow: 0 8px 24px rgba(34, 46, 58, 0.1);
	transition: box-shadow 0.2s ease, transform 0.2s ease;
}

#order-standard_cart .tophost-domain-pricing__card::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 5px;
	background: #ea1010;
}

#order-standard_cart .tophost-domain-pricing__card-col:hover .tophost-domain-pricing__card {
	box-shadow: 0 12px 28px rgba(34, 46, 58, 0.14);
	transform: translateY(-2px);
}

#order-standard_cart .tophost-domain-pricing__card-inner {
	display: flex;
	flex-direction: column;
	flex: 1;
	min-height: 108px;
	padding: 1rem 0.85rem 0.8rem;
}

#order-standard_cart .tophost-domain-pricing__card-top {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 0.35rem;
	margin-bottom: auto;
}

#order-standard_cart .tophost-domain-pricing__card-tld {
	display: block;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.15;
	letter-spacing: -0.01em;
	color: #222e3a;
}

#order-standard_cart .tophost-domain-pricing__card-top .tld-sale-group {
	margin-top: 0.35rem;
}

#order-standard_cart .tophost-domain-pricing__card-label {
	margin: 0 0 0.15rem;
	font-size: 0.625rem;
	font-weight: 500;
	line-height: 1.25;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #9aa8b6;
}

#order-standard_cart .tophost-domain-pricing__card-price {
	margin: 0;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -0.01em;
	color: #222e3a;
}

#order-standard_cart .tophost-domain-pricing__empty {
	margin: 1.5rem 0;
	color: #6b7c8f;
}

#order-standard_cart .tophost-domain-pricing__table .tld-row.no-tlds {
	margin-bottom: 0;
}

#order-standard_cart .tophost-domain-pricing__table .tld-sale-group {
	display: inline-block;
	margin-left: 0;
	padding: 0.15rem 0.45rem;
	font-size: 0.5rem;
	font-weight: 700;
	line-height: 1.15;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: #fff !important;
	vertical-align: middle;
	background: #ea1010 !important;
	border: 1px solid #ea1010;
	border-radius: 999px;
}

#order-standard_cart .tophost-domain-pricing__table .tld-sale-group-hot,
#order-standard_cart .tophost-domain-pricing__table .tld-sale-group-sale,
#order-standard_cart .tophost-domain-pricing__table .tld-sale-group-new {
	background: #ea1010 !important;
	border-color: #ea1010;
}

#order-standard_cart .tophost-domain-featured {
	margin-bottom: 1.5rem;
}

#order-standard_cart .tophost-domain-featured .featured-tld {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	height: 100%;
	margin-bottom: 1rem;
	padding: 1rem;
	text-align: center;
	background: #fff;
	border: 1px solid #e8ecef;
	border-radius: 12px;
	box-shadow: 0 2px 8px rgba(34, 46, 58, 0.05);
}

#order-standard_cart .tophost-domain-featured .featured-tld .img-container {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 90px;
	min-height: 90px;
	padding: 0.75rem 0;
	line-height: normal;
	overflow: hidden;
}

#order-standard_cart .tophost-domain-featured .featured-tld .img-container img {
	display: block;
	width: auto;
	max-width: 85%;
	height: 56px;
	max-height: 56px;
	object-fit: contain;
	object-position: center;
}

@media (max-width: 767px) {
	#order-standard_cart .tophost-domain-featured .featured-tld .img-container {
		height: 72px;
		min-height: 72px;
	}

	#order-standard_cart .tophost-domain-featured .featured-tld .img-container img {
		height: 44px;
		max-height: 44px;
	}
}

#order-standard_cart .tophost-domain-featured .featured-tld .price {
	display: block;
	width: 100%;
	margin: 0.75rem 0 0;
	padding: 0.5rem 0.85rem;
	font-size: 0.8125rem;
	font-weight: 600;
	line-height: 1.35;
	text-align: center;
	color: #fff !important;
	background: #222e3a;
	border: 1px solid #222e3a;
	border-radius: 999px;
	box-sizing: border-box;
}

/* Order form — domain transfer */
#order-standard_cart .tophost-domain-transfer__hero {
	display: flex;
	align-items: flex-start;
	gap: 1rem;
	margin: 0 0 1.5rem;
	padding: 1.25rem 1.35rem;
	background: #fff;
	border: 1px solid #e8ecef;
	border-top: 3px solid #ea1010;
	border-radius: 14px;
	box-shadow: 0 2px 12px rgba(34, 46, 58, 0.06);
}

#order-standard_cart .tophost-domain-transfer__hero-icon {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	font-size: 1.25rem;
	line-height: 1;
	color: #ea1010;
	background: #fff5f5;
	border: 1px solid #fad4d4;
	border-radius: 12px;
}

#order-standard_cart .tophost-domain-transfer__title {
	margin: 0 0 0.35rem;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.35;
	color: #222e3a;
}

#order-standard_cart .tophost-domain-transfer__lead {
	margin: 0;
	font-size: 0.9375rem;
	line-height: 1.55;
	color: #4a5a6a;
}

#order-standard_cart .tophost-domain-transfer__form {
	width: 100%;
}

#order-standard_cart .tophost-domain-transfer-card {
	width: 100%;
	max-width: none;
	margin: 0;
	overflow: hidden;
	background: #fff;
	border: 1px solid #e8ecef;
	border-radius: 14px;
	box-shadow: 0 2px 12px rgba(34, 46, 58, 0.06);
}

#order-standard_cart .tophost-domain-transfer-card__head {
	padding: 1.1rem 1.35rem;
	background: #f8fafb;
	border-bottom: 1px solid #e8ecef;
}

#order-standard_cart .tophost-domain-transfer-card__title {
	margin: 0;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.35;
	color: #222e3a;
}

#order-standard_cart .tophost-domain-transfer-card__body {
	padding: 1.35rem 1.35rem 0.5rem;
}

#order-standard_cart .tophost-domain-transfer-card__field {
	margin-bottom: 1.15rem;
}

#order-standard_cart .tophost-domain-transfer-card__label {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	margin-bottom: 0.4rem;
	font-size: 0.8125rem;
	font-weight: 600;
	line-height: 1.35;
	color: #222e3a;
}

#order-standard_cart .tophost-domain-transfer-card__help {
	display: inline-flex;
	align-items: center;
	gap: 0.25rem;
	font-size: 0.75rem;
	font-weight: 500;
	color: #6b7c8f;
	text-decoration: none;
}

#order-standard_cart .tophost-domain-transfer-card__help:hover,
#order-standard_cart .tophost-domain-transfer-card__help:focus {
	color: #222e3a;
	text-decoration: none;
}

#order-standard_cart .tophost-domain-transfer-card__input.form-control {
	height: auto;
	min-height: 3rem;
	padding: 0.7rem 1rem;
	font-size: 1rem;
	color: #222e3a;
	background: #fff;
	border: 1px solid #d0d7de;
	border-radius: 10px;
	box-shadow: none;
}

#order-standard_cart .tophost-domain-transfer-card__input.form-control:focus {
	border-color: #222e3a;
	box-shadow: 0 0 0 3px rgba(34, 46, 58, 0.08);
}

#order-standard_cart .tophost-domain-transfer-card__alert {
	margin-bottom: 1rem;
	border-radius: 10px;
}

#order-standard_cart .tophost-domain-transfer-card__captcha {
	margin-bottom: 1rem;
}

#order-standard_cart .tophost-domain-transfer-card__footer {
	padding: 0 1.35rem 1.35rem;
}

#order-standard_cart .tophost-domain-transfer-card__submit.btn-transfer {
	display: block;
	width: 100%;
	min-height: 3rem;
	padding: 0.75rem 1.5rem;
	font-size: 0.9375rem;
	font-weight: 600;
	line-height: 1.35;
	color: #fff !important;
	background: #222e3a !important;
	border-color: #222e3a !important;
	border-radius: 10px;
}

#order-standard_cart .tophost-domain-transfer-card__submit.btn-transfer:hover,
#order-standard_cart .tophost-domain-transfer-card__submit.btn-transfer:focus {
	color: #fff !important;
	background: #1c2334 !important;
	border-color: #1c2334 !important;
}

#order-standard_cart .tophost-domain-transfer__footnote {
	margin: 1rem 0 0;
	font-size: 0.75rem;
	line-height: 1.45;
	text-align: left;
	color: #6b7c8f;
}

/* Configure product — domain choice (frmProductDomain) */
#order-standard_cart .tophost-product-domain__header {
	margin-bottom: 1rem;
}

#order-standard_cart .tophost-product-domain-card {
	overflow: hidden;
	background: #fff;
	border: 1px solid #e8ecef;
	border-radius: 14px;
	box-shadow: 0 2px 12px rgba(34, 46, 58, 0.06);
}

#order-standard_cart .tophost-product-domain-card::before {
	content: "";
	display: block;
	height: 3px;
	background: #ea1010;
}

#order-standard_cart .tophost-product-domain-form {
	margin: 0;
}

#order-standard_cart .tophost-product-domain-options.domain-selection-options {
	margin: 0;
	padding: 1rem 1.15rem 0.5rem;
}

#order-standard_cart .tophost-product-domain-option.option {
	margin: 0 0 0.75rem;
	padding: 0;
	overflow: hidden;
	background: #f8fafb;
	border: 1px solid #e8ecef;
	border-radius: 12px;
	transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

#order-standard_cart .tophost-product-domain-option.option:last-child {
	margin-bottom: 0;
}

#order-standard_cart .tophost-product-domain-option.option:hover {
	background: #f8fafb;
	border-color: #d0d7de;
}

#order-standard_cart .tophost-product-domain-option.option-selected {
	background: #f8fafb;
	border-color: #222e3a;
	box-shadow: 0 0 0 1px #222e3a;
}

#order-standard_cart .tophost-product-domain-option__head {
	display: flex;
	align-items: flex-start;
	gap: 0.65rem;
	margin: 0;
	padding: 0.9rem 1rem;
	cursor: pointer;
}

#order-standard_cart .tophost-product-domain-option__radio,
#order-standard_cart .tophost-product-domain-option .iradio_square-blue {
	flex-shrink: 0;
	margin: 0.2rem 0 0 !important;
}

/* iCheck radio — navy (#222e3a) */
#order-standard_cart .tophost-product-domain-option .iradio_square-blue {
	width: 20px !important;
	height: 20px !important;
	background: #fff !important;
	background-image: none !important;
	border: 2px solid #d0d7de;
	border-radius: 50%;
	box-sizing: border-box;
}

#order-standard_cart .tophost-product-domain-option .iradio_square-blue.hover {
	background: #fff !important;
	background-image: none !important;
	border-color: #222e3a;
}

#order-standard_cart .tophost-product-domain-option .iradio_square-blue.checked {
	background: #222e3a !important;
	background-image: none !important;
	border-color: #222e3a;
	box-shadow: inset 0 0 0 3px #fff;
}

#order-standard_cart .tophost-product-domain-option .iradio_square-blue.disabled {
	background: #f0f3f6 !important;
	background-image: none !important;
	border-color: #e8ecef;
	opacity: 0.65;
}

#order-standard_cart .tophost-product-domain-option .iradio_square-blue.checked.disabled {
	background: #9aa8b6 !important;
	background-image: none !important;
	border-color: #9aa8b6;
}

#order-standard_cart .tophost-product-domain-option__title {
	flex: 1 1 auto;
	font-size: 0.9375rem;
	font-weight: 600;
	line-height: 1.4;
	color: #222e3a;
}

#order-standard_cart .tophost-product-domain-option.option-selected .tophost-product-domain-option__title {
	font-weight: 700;
}

#order-standard_cart .tophost-product-domain-option__panel.domain-input-group {
	display: none;
	margin: 0;
	padding: 0 1rem 1rem;
	border-top: 0;
	background: transparent;
}

#order-standard_cart .tophost-product-domain-option.option-selected .tophost-product-domain-option__panel.domain-input-group {
	display: block;
}

#order-standard_cart .tophost-product-domain-search {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 0.5rem;
	margin: 0.75rem 0 0;
}

#order-standard_cart .tophost-product-domain-search__group {
	display: flex;
	flex: 1 1 12rem;
	align-items: stretch;
	min-width: 0;
	overflow: hidden;
	background: transparent;
	border: 1px solid #d0d7de;
	border-radius: 10px;
}

#order-standard_cart .tophost-product-domain-search__group:focus-within {
	border-color: #222e3a;
	box-shadow: 0 0 0 3px rgba(34, 46, 58, 0.08);
}

#order-standard_cart .tophost-product-domain-search__prefix {
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
	padding: 0 0.75rem;
	font-size: 0.875rem;
	font-weight: 600;
	color: #6b7c8f;
	background: #f0f3f6;
	border-right: 1px solid #e8ecef;
}

#order-standard_cart .tophost-product-domain-search__prefix--scheme {
	flex: 0 0 auto;
	padding: 0 0.65rem;
	border: 1px solid #d0d7de;
	border-radius: 10px;
	background: #f0f3f6;
}

#order-standard_cart .tophost-product-domain-search__input.form-control {
	flex: 1 1 auto;
	min-width: 0;
	height: auto;
	min-height: 2.75rem;
	padding: 0.65rem 0.85rem;
	font-size: 1rem;
	color: #222e3a;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

#order-standard_cart .tophost-product-domain-search__input.form-control:focus {
	box-shadow: none;
}

#order-standard_cart .tophost-product-domain-search__tld.form-control,
#order-standard_cart .tophost-product-domain-search__select.form-control {
	flex: 0 0 7.5rem;
	width: 7.5rem;
	max-width: 100%;
	height: auto;
	min-height: 2.75rem;
	padding: 0.65rem 0.5rem;
	font-size: 0.875rem;
	font-weight: 600;
	color: #222e3a;
	background: transparent;
	border: 1px solid #d0d7de;
	border-radius: 10px;
	box-shadow: none;
}

#order-standard_cart .tophost-product-domain-search__tld--text {
	flex: 0 0 5.5rem;
	width: 5.5rem;
}

#order-standard_cart .tophost-product-domain-search__tld.form-control:focus,
#order-standard_cart .tophost-product-domain-search__select.form-control:focus {
	border-color: #222e3a;
	box-shadow: 0 0 0 3px rgba(34, 46, 58, 0.08);
}

#order-standard_cart .tophost-product-domain-search__select.form-control {
	flex: 1 1 12rem;
	width: auto;
	max-width: none;
}

#order-standard_cart .tophost-product-domain-search__btn.btn-primary {
	flex: 0 0 auto;
	min-height: 2.75rem;
	padding: 0.65rem 1.25rem;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.35;
	color: #fff !important;
	white-space: nowrap;
	background: #222e3a !important;
	border-color: #222e3a !important;
	border-radius: 10px;
}

#order-standard_cart .tophost-product-domain-search__btn.btn-primary:hover,
#order-standard_cart .tophost-product-domain-search__btn.btn-primary:focus {
	color: #fff !important;
	background: #1c2334 !important;
	border-color: #1c2334 !important;
}

#order-standard_cart .tophost-product-domain-footnote {
	margin: 0;
	padding: 0.75rem 1.15rem 1rem;
	font-size: 0.75rem;
	line-height: 1.45;
	color: #6b7c8f;
	background: #f8fafb;
	border-top: 1px solid #eef2f5;
}

#order-standard_cart .tophost-product-domain-results#DomainSearchResults {
	margin-top: 1.25rem;
	padding: 1.15rem;
	background: #f8fafb;
	border: 1px solid #e8ecef;
	border-radius: 12px;
}

#order-standard_cart .tophost-product-domain-results .domain-checker-result-headline {
	margin: 0 0 1rem;
	font-size: 1.125rem;
}

#order-standard_cart .tophost-product-domain-continue {
	margin-top: 1.25rem;
}

#order-standard_cart .tophost-product-domain-continue__btn {
	min-width: 12rem;
	padding: 0.75rem 1.5rem;
	font-weight: 600;
	border-radius: 10px;
}

/* Register domain panel — unified search bar */
#order-standard_cart .tophost-product-domain-register,
#order-standard_cart #domainregister.tophost-product-domain-option__panel,
#order-standard_cart #domaintransfer.tophost-product-domain-option__panel,
#order-standard_cart #domainowndomain.tophost-product-domain-option__panel {
	background: transparent !important;
}

#order-standard_cart .tophost-product-domain-register {
	padding-top: 0.25rem;
}

#order-standard_cart .tophost-product-domain-register__hint {
	margin: 0 0 0.65rem;
	font-size: 0.8125rem;
	font-weight: 600;
	line-height: 1.35;
	color: #6b7c8f;
}

#order-standard_cart .tophost-product-domain-register__bar {
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	gap: 0.65rem;
	margin: 0;
}

#order-standard_cart .tophost-product-domain-register__combo {
	display: flex;
	flex: 1 1 auto;
	align-items: stretch;
	min-width: 0;
	overflow: hidden;
	background: transparent;
	border: 1px solid #d0d7de;
	border-radius: 12px;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

#order-standard_cart .tophost-product-domain-register__combo:focus-within {
	border-color: #222e3a;
	box-shadow: 0 0 0 3px rgba(34, 46, 58, 0.08);
}

#order-standard_cart .tophost-product-domain-register__www {
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
	padding: 0 0.85rem;
	font-size: 0.9375rem;
	font-weight: 600;
	color: #6b7c8f;
	background: #f0f3f6;
	border-right: 1px solid #e8ecef;
}

#order-standard_cart .tophost-product-domain-register__sld.form-control {
	flex: 1 1 auto;
	min-width: 0;
	height: 3rem;
	padding: 0.7rem 0.9rem;
	font-size: 1.0625rem;
	font-weight: 500;
	color: #222e3a;
	background: #fff !important;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

#order-standard_cart .tophost-product-domain-register__sld.form-control:focus {
	box-shadow: none;
}

#order-standard_cart .tophost-product-domain-register__tld-wrap {
	position: relative;
	flex: 0 0 6.25rem;
	width: 6.25rem;
	border-left: 1px solid #e8ecef;
	background: #fff;
}

#order-standard_cart .tophost-product-domain-register__tld-wrap::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0.85rem;
	width: 0.45rem;
	height: 0.45rem;
	margin-top: -0.3rem;
	border-right: 2px solid #222e3a;
	border-bottom: 2px solid #222e3a;
	pointer-events: none;
	transform: rotate(45deg);
}

#order-standard_cart .tophost-product-domain-register__tld.form-control {
	display: block;
	width: 100%;
	height: 3rem;
	max-height: 3rem;
	padding: 0.7rem 1.75rem 0.7rem 0.65rem;
	font-size: 0.9375rem;
	font-weight: 700;
	line-height: 1.2;
	color: #222e3a;
	background: #fff !important;
	background-image: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	cursor: pointer;
}

#order-standard_cart .tophost-product-domain-register__tld--text.form-control {
	flex: 0 0 5.5rem;
	width: 100%;
	padding: 0.7rem 0.65rem;
	font-size: 0.9375rem;
	font-weight: 700;
	text-align: center;
	background: #fff !important;
}

#order-standard_cart .tophost-product-domain-register__tld-wrap:has(.tophost-product-domain-register__tld--text) {
	flex: 0 0 5.5rem;
	width: 5.5rem;
}

#order-standard_cart .tophost-product-domain-register__tld-wrap:has(.tophost-product-domain-register__tld--text)::after {
	display: none;
}

#order-standard_cart .tophost-product-domain-register__tld.form-control::-ms-expand {
	display: none;
}

#order-standard_cart .tophost-product-domain-register__tld.form-control:focus {
	outline: none;
	box-shadow: none;
}

#order-standard_cart .tophost-product-domain-register__btn.btn-primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.45rem;
	flex: 0 0 auto;
	min-width: 8.5rem;
	height: 3rem;
	padding: 0 1.35rem;
	font-size: 0.9375rem;
	font-weight: 600;
	color: #fff !important;
	white-space: nowrap;
	background: #ea1010 !important;
	border-color: #ea1010 !important;
	border-radius: 12px;
}

#order-standard_cart .tophost-product-domain-register__btn.btn-primary:hover,
#order-standard_cart .tophost-product-domain-register__btn.btn-primary:focus {
	color: #fff !important;
	background: #c90e0e !important;
	border-color: #c90e0e !important;
}

#order-standard_cart .tophost-product-domain-register__quick {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.4rem;
	margin-top: 0.75rem;
}

#order-standard_cart .tophost-product-domain-register__quick-label {
	margin-right: 0.15rem;
	font-size: 0.75rem;
	font-weight: 600;
	color: #6b7c8f;
}

#order-standard_cart .tophost-product-domain-tld-chip {
	display: inline-flex;
	align-items: center;
	padding: 0.28rem 0.55rem;
	font-size: 0.75rem;
	font-weight: 600;
	line-height: 1.2;
	color: #222e3a;
	background: transparent;
	border: 1px solid #d0d7de;
	border-radius: 999px;
	cursor: pointer;
	transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

#order-standard_cart .tophost-product-domain-tld-chip:hover,
#order-standard_cart .tophost-product-domain-tld-chip:focus {
	color: #222e3a;
	background: #f0f3f6;
	border-color: #222e3a;
	outline: none;
}

#order-standard_cart .tophost-product-domain-tld-chip.is-active {
	color: #fff;
	background: #222e3a;
	border-color: #222e3a;
}

@media (max-width: 767px) {
	#order-standard_cart .tophost-product-domain-options.domain-selection-options {
		padding: 0.85rem 0.85rem 0.35rem;
	}

	#order-standard_cart .tophost-product-domain-option__head {
		padding: 0.75rem 0.85rem;
	}

	#order-standard_cart .tophost-product-domain-option__panel.domain-input-group {
		padding: 0 0.85rem 0.85rem;
	}

	#order-standard_cart .tophost-product-domain-search {
		flex-direction: column;
		align-items: stretch;
		gap: 0.5rem;
	}

	#order-standard_cart #domainsubdomain .tophost-product-domain-search {
		display: grid;
		grid-template-columns: auto minmax(0, 1fr);
		gap: 0.5rem;
	}

	#order-standard_cart #domainsubdomain .tophost-product-domain-search__prefix--scheme {
		grid-column: 1;
		grid-row: 1;
		align-self: stretch;
	}

	#order-standard_cart #domainsubdomain .tophost-product-domain-search__input.form-control {
		grid-column: 2;
		grid-row: 1;
		width: 100%;
		min-height: 2.75rem;
		border: 1px solid #d0d7de;
		border-radius: 10px;
	}

	#order-standard_cart #domainsubdomain .tophost-product-domain-search__tld.form-control {
		grid-column: 1 / -1;
		grid-row: 2;
		flex: none;
		width: 100%;
		min-height: 2.75rem;
		border: 1px solid #d0d7de;
		border-radius: 10px;
	}

	#order-standard_cart #domainsubdomain .tophost-product-domain-search__btn.btn-primary {
		grid-column: 1 / -1;
		grid-row: 3;
	}

	#order-standard_cart .tophost-product-domain-search__select.form-control {
		flex: 1 1 auto;
		width: 100%;
		min-height: 2.75rem;
	}

	#order-standard_cart .tophost-product-domain-search__btn.btn-primary {
		width: 100%;
		min-height: 2.75rem;
	}

	#order-standard_cart .tophost-product-domain-register__bar {
		flex-direction: column;
		gap: 0.5rem;
	}

	#order-standard_cart .tophost-product-domain-register__combo {
		flex-wrap: nowrap;
		width: 100%;
	}

	#order-standard_cart .tophost-product-domain-register__www {
		padding: 0 0.55rem;
		font-size: 0.8125rem;
	}

	#order-standard_cart .tophost-product-domain-register__sld.form-control {
		height: 2.75rem;
		min-height: 2.75rem;
		padding: 0.55rem 0.65rem;
		font-size: 1rem;
	}

	#order-standard_cart .tophost-product-domain-register__tld-wrap {
		flex: 0 0 5rem;
		width: 5rem;
	}

	#order-standard_cart .tophost-product-domain-register__tld-wrap:has(.tophost-product-domain-register__tld--text) {
		flex: 0 0 4.75rem;
		width: 4.75rem;
	}

	#order-standard_cart .tophost-product-domain-register__tld.form-control {
		height: 2.75rem;
		max-height: 2.75rem;
		padding: 0.55rem 1.35rem 0.55rem 0.45rem;
		font-size: 0.875rem;
	}

	#order-standard_cart .tophost-product-domain-register__tld--text.form-control {
		height: 2.75rem;
		padding: 0.55rem 0.45rem;
		font-size: 0.875rem;
	}

	#order-standard_cart .tophost-product-domain-register__btn.btn-primary {
		width: 100%;
		min-width: 0;
		height: 2.75rem;
	}
}

@media (max-width: 575px) {
	#order-standard_cart .tophost-product-domain-register__www {
		display: none;
	}

	#order-standard_cart .tophost-product-domain-register__tld-wrap {
		flex: 0 0 4.5rem;
		width: 4.5rem;
	}

	#order-standard_cart .tophost-product-domain-register__tld-wrap:has(.tophost-product-domain-register__tld--text) {
		flex: 0 0 4.5rem;
		width: 4.5rem;
	}
}

@media (max-width: 575px) {
	#order-standard_cart .tophost-domain-transfer__hero {
		flex-direction: column;
		align-items: flex-start;
	}
}

/* Knowledge base — TopHost */
.primary-content .tophost-kb {
	margin-bottom: 1.5rem;
}

.primary-content .tophost-kb__search {
	margin-bottom: 2.5rem;
}

.primary-content .tophost-kb__search-group {
	display: flex;
	align-items: center;
	padding: 0.5rem;
	background: #fff;
	border: 1px solid #e8ecef;
	border-radius: 14px;
	box-shadow: 0 2px 12px rgba(34, 46, 58, 0.06);
}

.primary-content .tophost-kb__search-group .input-group-append {
	display: flex;
	align-items: center;
	align-self: stretch;
}

.primary-content .tophost-kb__search-input.form-control {
	min-height: 2.75rem;
	height: 2.75rem;
	padding: 0.55rem 1rem;
	font-size: 0.9375rem;
	color: #222e3a;
	border: 1px solid #d0d7de !important;
	border-radius: 10px 0 0 10px !important;
	box-shadow: none;
}

.primary-content .tophost-kb__search-input.form-control:focus {
	border-color: #222e3a !important;
	box-shadow: 0 0 0 3px rgba(34, 46, 58, 0.08);
}

.primary-content .tophost-kb__search-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	align-self: center;
	min-height: 2.75rem;
	height: 2.75rem;
	margin: 0;
	padding: 0 1.1rem;
	font-size: 0.8125rem;
	font-weight: 600;
	line-height: 1;
	border-radius: 0 10px 10px 0 !important;
	background: #222e3a !important;
	border-color: #222e3a !important;
}

.primary-content .tophost-kb__search-btn:hover,
.primary-content .tophost-kb__search-btn:focus {
	background: #1c2334 !important;
	border-color: #1c2334 !important;
}

.primary-content .tophost-kb__categories {
	margin-top: 0.25rem;
	margin-left: -0.5rem;
	margin-right: -0.5rem;
}

.primary-content .tophost-kb__categories > [class*="col-"] {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	margin-bottom: 1.5rem;
}

.primary-content .tophost-kb-category {
	height: 100%;
	margin-bottom: 0 !important;
	overflow: hidden;
	background: #fff;
	border: 1px solid #e8ecef;
	border-radius: 14px;
	box-shadow: 0 2px 10px rgba(34, 46, 58, 0.05);
	transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.primary-content .tophost-kb-category::before {
	content: "";
	display: block;
	height: 4px;
	background: #ea1010;
}

.primary-content .tophost-kb-category__link {
	display: block;
	height: 100%;
	padding: 1.15rem 1.2rem 1.2rem !important;
	text-decoration: none !important;
	background: #fff !important;
}

.primary-content .tophost-kb-category__link:hover,
.primary-content .tophost-kb-category__link:focus {
	background: #fff !important;
}

.primary-content .tophost-kb-category:hover {
	border-color: #c5d0db;
	box-shadow: 0 8px 20px rgba(34, 46, 58, 0.1);
	transform: translateY(-2px);
}

.primary-content .tophost-kb-category__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	margin-bottom: 0.85rem;
}

.primary-content .tophost-kb-category__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	font-size: 1.125rem;
	line-height: 1;
	color: #222e3a;
	background: #f8fafb;
	border: 1px solid #e8ecef;
	border-radius: 10px;
}

.primary-content .tophost-kb-category__badge.badge {
	padding: 0.3rem 0.55rem;
	font-size: 0.6875rem;
	font-weight: 600;
	line-height: 1.2;
	color: #fff !important;
	background: #222e3a !important;
	border-radius: 999px;
	float: none;
}

.primary-content .tophost-kb-category__title {
	margin: 0 0 0.4rem;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.35;
	color: #222e3a;
}

.primary-content .tophost-kb-category__desc {
	margin: 0;
	font-size: 0.8125rem;
	line-height: 1.5;
	color: #6b7c8f;
}

.primary-content .tophost-kb-popular,
.primary-content .tophost-kb-articles {
	overflow: hidden;
	margin-bottom: 1.5rem;
	border: 1px solid #e8ecef;
	border-radius: 14px;
	box-shadow: 0 2px 12px rgba(34, 46, 58, 0.06);
}

.primary-content .tophost-kb-popular__head,
.primary-content .tophost-kb-articles__head {
	padding: 1rem 1.25rem !important;
	background: #f8fafb;
	border-bottom: 1px solid #e8ecef;
}

.primary-content .tophost-kb-popular__title,
.primary-content .tophost-kb-articles__title {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	margin: 0;
	font-size: 1.0625rem;
	font-weight: 700;
	line-height: 1.35;
	color: #222e3a;
}

.primary-content .tophost-kb-popular__title-icon,
.primary-content .tophost-kb-articles__title-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	font-size: 0.9375rem;
	color: #ea1010;
	background: #fff5f5;
	border: 1px solid #fad4d4;
	border-radius: 8px;
}

.primary-content .tophost-kb-article-item {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	padding: 0.95rem 1.25rem !important;
	text-decoration: none !important;
	border-color: #eef2f5 !important;
	transition: background 0.15s ease;
}

.primary-content .tophost-kb-article-item:hover,
.primary-content .tophost-kb-article-item:focus {
	background: #f8fafb !important;
	text-decoration: none !important;
}

.primary-content .tophost-kb-article-item__icon {
	display: inline-flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	margin-top: 0.1rem;
	font-size: 0.875rem;
	color: #222e3a;
	background: #f8fafb;
	border: 1px solid #e8ecef;
	border-radius: 8px;
}

.primary-content .tophost-kb-article-item__body {
	flex: 1;
	min-width: 0;
}

.primary-content .tophost-kb-article-item__title {
	display: block;
	font-size: 0.9375rem;
	font-weight: 600;
	line-height: 1.4;
	color: #222e3a;
}

.primary-content .tophost-kb-article-item__excerpt {
	display: block;
	margin-top: 0.2rem;
	padding-left: 0 !important;
	font-size: 0.8125rem;
	line-height: 1.45;
	color: #6b7c8f;
}

.primary-content .tophost-kb-article-item--empty {
	color: #6b7c8f;
}

.primary-content .tophost-kb__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	margin-top: 1rem;
}

.primary-content .tophost-kb__back,
.primary-content .tophost-kb__edit {
	font-weight: 600;
	color: #222e3a !important;
	background: #fff !important;
	border: 1px solid #d0d7de !important;
	border-radius: 10px;
}

.primary-content .tophost-kb__back:hover,
.primary-content .tophost-kb__edit:hover {
	background: #f8fafb !important;
	border-color: #222e3a !important;
}

.primary-content .tophost-kb-article-view {
	margin-bottom: 1.5rem;
	overflow: hidden;
	border: 1px solid #e8ecef;
	border-radius: 14px;
	box-shadow: 0 2px 12px rgba(34, 46, 58, 0.06);
}

.primary-content .tophost-kb-article-view::before {
	content: "";
	display: block;
	height: 4px;
	background: #ea1010;
}

.primary-content .tophost-kb-article-view__body {
	padding: 1.35rem 1.5rem 1.5rem !important;
}

.primary-content .tophost-kb-article-view__header {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1rem;
	margin-bottom: 0.75rem;
}

.primary-content .tophost-kb-article-view__title {
	margin: 0;
	font-size: clamp(1.25rem, 2.5vw, 1.75rem);
	font-weight: 700;
	line-height: 1.3;
	color: #222e3a;
}

.primary-content .tophost-kb-article-view__print {
	color: #222e3a !important;
	border-color: #d0d7de !important;
	border-radius: 8px;
}

.primary-content .tophost-kb-article-view__meta {
	margin: 0 0 1rem;
	padding: 0;
}

.primary-content .tophost-kb-article-view__tag.badge {
	color: #fff !important;
	background: #222e3a !important;
}

.primary-content .tophost-kb-article-view__votes {
	font-size: 0.875rem;
	color: #6b7c8f;
}

.primary-content .tophost-kb-article-view__content {
	font-size: 0.9375rem;
	line-height: 1.65;
	color: #4a5a6a;
}

.primary-content .tophost-kb-article-view__content hr {
	border-color: #e8ecef;
}

.primary-content .tophost-kb-article-view__vote {
	margin-top: 1.5rem;
	padding-top: 1.25rem;
	border-top: 1px solid #eef2f5;
}

.primary-content .tophost-kb-article-view__vote-title {
	margin: 0 0 0.75rem;
	font-size: 1rem;
	font-weight: 700;
	color: #222e3a;
}

.primary-content .tophost-kb-article-view__vote-form {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}

.primary-content .tophost-kb-article-view__vote-btn {
	font-weight: 600;
	border-radius: 8px;
}

.primary-content .tophost-kb-article-view__vote-btn--yes {
	color: #fff !important;
	background: #222e3a !important;
	border-color: #222e3a !important;
}

.primary-content .tophost-kb-article-view__vote-btn--no {
	color: #222e3a !important;
	background: #fff !important;
	border: 1px solid #d0d7de !important;
}

.primary-content .tophost-kb-articles--related {
	margin-top: 0;
}

/* Server / network status — TopHost */
.primary-content .tophost-status {
	padding-bottom: 0.5rem;
}

.primary-content .tophost-status-empty {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.85rem;
	overflow: hidden;
	margin-bottom: 1.5rem;
	padding: 2.25rem 1.5rem;
	text-align: center;
	background: #fff;
	border: 1px solid #e8ecef;
	border-radius: 14px;
	box-shadow: 0 2px 12px rgba(34, 46, 58, 0.06);
}

.primary-content .tophost-status-empty::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 3px;
	background: #28a745;
}

.primary-content .tophost-status-empty--muted::before {
	background: #222e3a;
}

.primary-content .tophost-status-empty__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3.5rem;
	height: 3.5rem;
	font-size: 1.75rem;
	line-height: 1;
	color: #28a745;
	background: #f0faf4;
	border: 1px solid #c8e6d0;
	border-radius: 12px;
}

.primary-content .tophost-status-empty--muted .tophost-status-empty__icon {
	font-size: 1.5rem;
	color: #6b7c8f;
	background: #f8fafb;
	border-color: #e8ecef;
}

.primary-content .tophost-status-empty__text {
	margin: 0;
	max-width: 36rem;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.5;
	color: #222e3a;
}

.primary-content .tophost-status-scheduled {
	margin-bottom: 1.25rem;
	border-radius: 12px;
	border-left: 4px solid #17a2b8;
}

.primary-content .tophost-status-scheduled__link {
	font-weight: 600;
}

.primary-content .tophost-status-panel {
	overflow: hidden;
	margin-bottom: 1.25rem;
	border: 1px solid #e8ecef;
	border-radius: 14px;
	box-shadow: 0 2px 12px rgba(34, 46, 58, 0.06);
}

.primary-content .tophost-status-panel::before {
	content: "";
	display: block;
	height: 3px;
	background: #222e3a;
}

.primary-content .tophost-status-panel__body {
	padding: 1.35rem 1.5rem !important;
}

.primary-content .tophost-status-panel__header {
	display: flex;
	align-items: flex-start;
	gap: 1rem;
	margin-bottom: 1.25rem;
}

.primary-content .tophost-status-panel__icon {
	display: inline-flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 2.75rem;
	height: 2.75rem;
	font-size: 1.125rem;
	color: #222e3a;
	background: #f8fafb;
	border: 1px solid #e8ecef;
	border-radius: 10px;
}

.primary-content .tophost-status-panel__title {
	margin: 0 0 0.35rem;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.35;
	color: #222e3a;
}

.primary-content .tophost-status-panel__lead {
	margin: 0;
	font-size: 0.875rem;
	line-height: 1.5;
	color: #6b7c8f;
}

.primary-content .tophost-status-servers__table {
	margin-bottom: 0;
	font-size: 0.875rem;
}

.primary-content .tophost-status-servers__table thead th {
	font-size: 0.75rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color: #6b7c8f;
	background: #f8fafb;
	border-bottom: 1px solid #e8ecef;
}

.primary-content .tophost-status-servers__table tbody td {
	vertical-align: middle;
	border-top-color: #eef2f5;
}

.primary-content .tophost-status-servers__table a {
	font-weight: 600;
	color: #222e3a;
}

.primary-content .tophost-status-servers__table a:hover,
.primary-content .tophost-status-servers__table a:focus {
	color: #ea1010;
}

.primary-content .tophost-status-issues {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}

.primary-content .tophost-status-issue {
	overflow: hidden;
	margin-bottom: 0 !important;
	border: 1px solid #e8ecef;
	border-radius: 14px;
	box-shadow: 0 2px 12px rgba(34, 46, 58, 0.06);
}

.primary-content .tophost-status-issue__header {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: 0.75rem;
	padding: 1rem 1.25rem !important;
	background: #f8fafb;
	border-bottom: 1px solid #e8ecef;
}

.primary-content .tophost-status-issue__heading {
	flex: 1 1 auto;
	min-width: 0;
}

.primary-content .tophost-status-issue__title {
	margin: 0 0 0.2rem;
	font-size: 1.0625rem;
	font-weight: 700;
	line-height: 1.35;
	color: #222e3a;
}

.primary-content .tophost-status-issue__status {
	font-size: 0.8125rem;
	font-weight: 500;
	color: #6b7c8f;
}

.primary-content .tophost-status-issue__priority.badge {
	padding: 0.35rem 0.65rem;
	font-size: 0.6875rem;
	font-weight: 600;
	border-radius: 999px;
}

.primary-content .tophost-status-issue__body {
	padding: 1.25rem 1.25rem 1.35rem !important;
}

.primary-content .tophost-status-issue__affecting {
	margin: 0 0 0.75rem;
	font-size: 0.9375rem;
	line-height: 1.45;
	color: #222e3a;
}

.primary-content .tophost-status-issue__meta {
	margin: 0 0 1rem;
	font-size: 0.8125rem;
	color: #6b7c8f;
}

.primary-content .tophost-status-issue__meta .list-inline-item:not(:last-child) {
	margin-right: 1rem;
}

.primary-content .tophost-status-issue__warning {
	margin-bottom: 1rem;
	border-radius: 10px;
	border-left: 4px solid #ffc107;
}

.primary-content .tophost-status-issue__description {
	font-size: 0.9375rem;
	line-height: 1.6;
	color: #4a5a6a;
}

.primary-content .tophost-status__pagination {
	display: flex;
	justify-content: center;
	margin-top: 1.5rem;
}

.primary-content .tophost-status__pagination .pagination {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	margin: 0;
}

.primary-content .tophost-status__pagination .page-item .page-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 8rem;
	padding: 0.55rem 1rem;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.25;
	color: #222e3a;
	background: #fff;
	border: 1px solid #d0d7de !important;
	border-radius: 10px !important;
	box-shadow: none;
	transition: background-color 0.15s ease, border-color 0.15s ease;
}

.primary-content .tophost-status__pagination .page-item .page-link:hover,
.primary-content .tophost-status__pagination .page-item .page-link:focus {
	color: #222e3a;
	background: #f8fafb;
	border-color: #222e3a !important;
}

.primary-content .tophost-status__pagination .page-item.disabled .page-link {
	color: #9aa5b1 !important;
	background: #f8fafb !important;
	border-color: #e8ecef !important;
	cursor: not-allowed;
	pointer-events: none;
}

.primary-content .tophost-status + p[style*="text-align"],
.primary-content .tophost-status ~ p[style*="text-align"] {
	font-size: 0.6875rem;
	line-height: 1.4;
	color: #b8c2cc;
	text-align: center !important;
	margin-top: 1.25rem;
	margin-bottom: 0;
}

/* Support ticket submit — TopHost */
.primary-content .tophost-support-submit-card {
	overflow: hidden;
	margin-bottom: 1.5rem;
	border: 1px solid #e8ecef !important;
	border-radius: 14px !important;
	box-shadow: 0 2px 12px rgba(34, 46, 58, 0.06) !important;
}

.primary-content .tophost-support-submit-card::before {
	content: "";
	display: block;
	height: 3px;
	background: #222e3a;
}

.primary-content .tophost-support-submit-card--confirm::before {
	background: #28a745;
}

.primary-content .tophost-support-submit__body {
	padding: 1.5rem 1.5rem 1.75rem !important;
}

.primary-content .tophost-support-submit__header {
	display: flex;
	align-items: flex-start;
	gap: 1rem;
	margin-bottom: 1.5rem;
	padding-bottom: 1.25rem;
	border-bottom: 1px solid #eef2f5;
}

.primary-content .tophost-support-submit__icon {
	display: inline-flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	font-size: 1.25rem;
	color: #222e3a;
	background: #f8fafb;
	border: 1px solid #e8ecef;
	border-radius: 12px;
}

.primary-content .tophost-support-submit__icon--success {
	color: #28a745;
	background: #f0faf4;
	border-color: #c8e6d0;
}

.primary-content .tophost-support-submit__title {
	margin: 0;
	font-size: 1.375rem;
	font-weight: 700;
	line-height: 1.3;
	color: #222e3a;
}

.primary-content .tophost-support-submit__lead {
	margin: 0.35rem 0 0;
	font-size: 0.9375rem;
	line-height: 1.5;
	color: #6b7c8f;
}

.primary-content .tophost-support-submit-section {
	margin-bottom: 1.25rem;
}

.primary-content .tophost-support-submit__row {
	display: flex;
	flex-wrap: wrap;
	gap: 1.25rem 1.5rem;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 1.25rem;
}

.primary-content .tophost-support-submit-section .tophost-support-submit__row:last-child {
	margin-bottom: 0;
}

.primary-content .tophost-support-submit__row > [class*="col-"] {
	padding-left: 0;
	padding-right: 0;
}

.primary-content .tophost-support-submit__row > .col-sm-6 {
	flex: 0 0 calc(50% - 0.75rem);
	max-width: calc(50% - 0.75rem);
}

.primary-content .tophost-support-submit__row > .col-sm-12 {
	flex: 0 0 100%;
	max-width: 100%;
}

.primary-content .tophost-support-submit__row > .col-sm-4 {
	flex: 0 0 calc((100% - 3rem) * 4 / 12);
	max-width: calc((100% - 3rem) * 4 / 12);
}

.primary-content .tophost-support-submit__row > .col-sm-5 {
	flex: 0 0 calc((100% - 3rem) * 5 / 12);
	max-width: calc((100% - 3rem) * 5 / 12);
}

.primary-content .tophost-support-submit__row > .col-sm-3 {
	flex: 0 0 calc((100% - 3rem) * 3 / 12);
	max-width: calc((100% - 3rem) * 3 / 12);
}

@media (max-width: 767.98px) {
	.primary-content .tophost-support-submit__row > [class*="col-sm-"] {
		flex: 0 0 100%;
		max-width: 100%;
	}
}

.primary-content .tophost-support-submit .form-group {
	margin-bottom: 0;
}

.primary-content .tophost-support-submit__label {
	display: block;
	margin-bottom: 0.35rem;
	font-size: 0.8125rem;
	font-weight: 600;
	color: #222e3a;
}

.primary-content .tophost-support-submit__input.form-control,
.primary-content .tophost-support-submit-customfield__control .form-control,
.primary-content .tophost-support-submit-customfield__control select,
.primary-content .tophost-support-submit-customfield__control textarea,
.primary-content .tophost-support-submit-customfield__control input {
	min-height: 2.75rem;
	font-size: 0.9375rem;
	color: #222e3a;
	border: 1px solid #d0d7de;
	border-radius: 10px;
	box-shadow: none;
}

.primary-content .tophost-support-submit__input.form-control:focus,
.primary-content .tophost-support-submit-customfield__control .form-control:focus,
.primary-content .tophost-support-submit-customfield__control select:focus,
.primary-content .tophost-support-submit-customfield__control textarea:focus {
	border-color: #222e3a;
	box-shadow: 0 0 0 3px rgba(34, 46, 58, 0.08);
}

.primary-content .tophost-support-submit__input.form-control:disabled {
	color: #6b7c8f;
	background: #f8fafb;
}

.primary-content .tophost-support-submit .md-editor,
.primary-content .tophost-support-submit .md-editor.active {
	border-radius: 0 !important;
}

.primary-content .tophost-support-submit .md-editor > .btn-toolbar {
	border-radius: 0;
}

.primary-content .tophost-support-submit__textarea.form-control,
.primary-content .tophost-support-submit .md-editor > textarea.markdown-editor,
.primary-content .tophost-support-submit #inputMessage {
	min-height: 10rem;
	padding: 0.75rem 0.85rem;
	line-height: 1.5;
	font-size: 0.9375rem;
	color: #222e3a;
	border: 1px solid #d0d7de;
	border-radius: 0 !important;
	box-shadow: none;
	resize: vertical;
}

.primary-content .tophost-support-submit__textarea.form-control:focus,
.primary-content .tophost-support-submit .md-editor > textarea.markdown-editor:focus,
.primary-content .tophost-support-submit #inputMessage:focus {
	border-color: #222e3a;
	box-shadow: 0 0 0 3px rgba(34, 46, 58, 0.08);
	outline: none;
}

.primary-content .tophost-support-submit-customfield__control {
	width: 100%;
}

.primary-content .tophost-support-submit-customfield__control textarea.form-control {
	min-height: 5.5rem;
}

.primary-content .tophost-support-submit__hint {
	margin: 0.5rem 0 0;
	font-size: 0.75rem;
	line-height: 1.45;
	color: #6b7c8f;
}

.primary-content .tophost-support-submit__file-group {
	overflow: hidden;
	border: 1px solid #d0d7de;
	border-radius: 10px;
}

.primary-content .tophost-support-submit__file-group .custom-file-label {
	display: flex;
	align-items: center;
	min-height: 2.75rem;
	padding: 0.55rem 0.85rem;
	font-size: 0.875rem;
	color: #6b7c8f;
	border: none;
	border-radius: 0;
}

.primary-content .tophost-support-submit__file-group .custom-file-input:focus ~ .custom-file-label {
	border-color: transparent;
	box-shadow: none;
}

.primary-content .tophost-support-submit__file-add.btn {
	min-height: 2.75rem;
	padding: 0.5rem 0.75rem;
	font-size: 0.8125rem;
	font-weight: 600;
	line-height: 1.25;
	color: #222e3a;
	background: #f8fafb;
	border: none;
	border-left: 1px solid #e8ecef;
	border-radius: 0;
}

.primary-content .tophost-support-submit__file-add.btn .fas {
	font-size: 0.75rem;
}

.primary-content .tophost-support-submit__file-add.btn:hover,
.primary-content .tophost-support-submit__file-add.btn:focus {
	background: #f0f3f6;
}

.primary-content .tophost-support-submit__captcha {
	margin: 1.25rem 0;
}

.primary-content .tophost-support-submit__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0.75rem;
	margin-top: 0.5rem;
}

.primary-content .tophost-support-submit__submit {
	min-width: 12rem;
	min-height: 3rem;
	padding: 0.75rem 1.5rem;
	font-size: 0.9375rem;
	font-weight: 600;
	border-radius: 10px !important;
	background: #222e3a !important;
	border-color: #222e3a !important;
}

.primary-content .tophost-support-submit__submit:hover,
.primary-content .tophost-support-submit__submit:focus {
	background: #1c2334 !important;
	border-color: #1c2334 !important;
}

.primary-content .tophost-support-submit__cancel {
	min-height: 3rem;
	padding: 0.75rem 1.25rem;
	font-weight: 600;
	color: #222e3a !important;
	background: #fff !important;
	border: 1px solid #d0d7de !important;
	border-radius: 10px !important;
}

.primary-content .tophost-support-submit__cancel:hover,
.primary-content .tophost-support-submit__cancel:focus {
	background: #f8fafb !important;
	border-color: #222e3a !important;
}

.primary-content .tophost-support-depts {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}

.primary-content .tophost-support-dept {
	display: flex;
	align-items: flex-start;
	gap: 1rem;
	padding: 1rem 1.15rem;
	text-decoration: none;
	background: #fff;
	border: 1px solid #e8ecef;
	border-radius: 12px;
	transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}

.primary-content .tophost-support-dept:hover,
.primary-content .tophost-support-dept:focus {
	text-decoration: none;
	background: #f8fafb;
	border-color: #222e3a;
	box-shadow: 0 4px 14px rgba(34, 46, 58, 0.08);
}

.primary-content .tophost-support-dept__icon {
	display: inline-flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	font-size: 1rem;
	color: #ea1010;
	background: #fff5f5;
	border: 1px solid #f5d0d0;
	border-radius: 10px;
}

.primary-content .tophost-support-dept__content {
	flex: 1 1 auto;
	min-width: 0;
}

.primary-content .tophost-support-dept__name {
	display: block;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.35;
	color: #222e3a;
}

.primary-content .tophost-support-dept__desc {
	display: block;
	margin-top: 0.25rem;
	font-size: 0.8125rem;
	line-height: 1.45;
	color: #6b7c8f;
}

.primary-content .tophost-support-dept__arrow {
	flex-shrink: 0;
	margin-top: 0.35rem;
	color: #9aa5b1;
}

.primary-content .tophost-support-confirm {
	max-width: 36rem;
	margin: 0 auto;
	text-align: center;
}

.primary-content .tophost-support-confirm__message {
	margin: 0 0 0.75rem;
	font-size: 1.0625rem;
	font-weight: 600;
	line-height: 1.5;
	color: #222e3a;
}

.primary-content .tophost-support-confirm__ticket {
	font-weight: 700;
	color: #ea1010;
}

.primary-content .tophost-support-confirm__ticket:hover,
.primary-content .tophost-support-confirm__ticket:focus {
	color: #c40d0d;
}

.primary-content .tophost-support-confirm__desc {
	margin: 0 0 1.5rem;
	font-size: 0.9375rem;
	line-height: 1.55;
	color: #6b7c8f;
}

.primary-content .tophost-support-kb-suggestions,
.primary-content .tophost-support-submit-kb .tophost-support-kb-suggestions {
	margin-top: 1.25rem;
	padding: 1.25rem 1.35rem;
	background: #f8fafb;
	border: 1px solid #e8ecef;
	border-radius: 12px;
}

.primary-content .tophost-support-kb-suggestions__title {
	margin: 0 0 0.35rem;
	font-size: 1rem;
	font-weight: 700;
	color: #222e3a;
}

.primary-content .tophost-support-kb-suggestions__lead {
	margin: 0 0 1rem;
	font-size: 0.8125rem;
	line-height: 1.45;
	color: #6b7c8f;
}

.primary-content .tophost-support-kb-suggestions__list {
	margin-bottom: 0;
	border-radius: 10px;
	overflow: hidden;
}

.primary-content .tophost-support-kb-suggestions__item {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	padding: 0.85rem 1rem;
	border-color: #e8ecef;
}

.primary-content .tophost-support-kb-suggestions__item:hover,
.primary-content .tophost-support-kb-suggestions__item:focus {
	background: #fff;
	border-color: #d0d7de;
}

.primary-content .tophost-support-kb-suggestions__item-icon {
	margin-top: 0.15rem;
	color: #ea1010;
}

.primary-content .tophost-support-kb-suggestions__item-text {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.primary-content .tophost-support-kb-suggestions__item-title {
	font-size: 0.9375rem;
	font-weight: 600;
	color: #222e3a;
}

.primary-content .tophost-support-kb-suggestions__item-excerpt {
	margin-top: 0.15rem;
	font-size: 0.75rem;
	color: #6b7c8f;
}

/* Login & password reset — TopHost */
.primary-content .tophost-login,
.primary-content .tophost-password-reset.tophost-login {
	max-width: 540px;
	margin-left: auto;
	margin-right: auto;
}

.primary-content .row.tophost-password-reset {
	margin-left: auto;
	margin-right: auto;
}

.primary-content .tophost-login-card {
	position: relative;
	overflow: hidden;
	border: 1px solid #e8ecef !important;
	border-radius: 14px !important;
	box-shadow: 0 8px 28px rgba(34, 46, 58, 0.1) !important;
}

.primary-content .tophost-login-card::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 4px;
	background: #222e3a;
}

.primary-content .tophost-login-card:hover {
	box-shadow: 0 12px 32px rgba(34, 46, 58, 0.12) !important;
}

.primary-content .tophost-login-card__body {
	padding: 2rem 2rem 1.75rem !important;
}

.primary-content .tophost-login-card__header {
	margin-bottom: 1.5rem;
	text-align: center;
}

.primary-content .tophost-login-card__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3.5rem;
	height: 3.5rem;
	margin: 0 auto 1rem;
	background: #f8fafb;
	border: 1px solid #e8ecef;
	border-radius: 12px;
}

.primary-content .tophost-login-card__icon img {
	display: block;
	width: 2rem;
	height: 2rem;
	object-fit: contain;
}

.primary-content .tophost-login-card__title {
	margin: 0 0 0.35rem;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.25;
	color: #222e3a;
}

.primary-content .tophost-login-card__lead {
	margin: 0;
	font-size: 0.9375rem;
	line-height: 1.5;
	color: #6b7c8f;
}

.primary-content .tophost-login-card__field {
	margin-bottom: 1.15rem;
}

.primary-content .tophost-login-card__label-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	margin-bottom: 0.4rem;
}

.primary-content .tophost-login-card__label {
	margin: 0 0 0.4rem;
	font-size: 0.8125rem;
	font-weight: 600;
	line-height: 1.35;
	color: #222e3a;
}

.primary-content .tophost-login-card__label-row .tophost-login-card__label {
	margin-bottom: 0;
}

.primary-content .tophost-login-card__forgot {
	font-size: 0.75rem;
	font-weight: 500;
	color: #6b7c8f;
	text-decoration: none;
}

.primary-content .tophost-login-card__forgot:hover,
.primary-content .tophost-login-card__forgot:focus {
	color: #222e3a;
	text-decoration: underline;
}

.primary-content .tophost-login-card__input-group {
	overflow: hidden;
	border: 1px solid #d0d7de;
	border-radius: 10px;
	background: #fff;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.primary-content .tophost-login-card__input-group:focus-within {
	border-color: #222e3a;
	box-shadow: 0 0 0 3px rgba(34, 46, 58, 0.08);
}

.primary-content .tophost-login-card__input-icon.input-group-text {
	padding: 0 0.85rem;
	color: #6b7c8f;
	background: #f8fafb;
	border: none;
	border-right: 1px solid #e8ecef;
}

.primary-content .tophost-login-card__input.form-control {
	min-height: 2.75rem;
	padding: 0.6rem 0.85rem;
	font-size: 0.9375rem;
	color: #222e3a;
	background: #fff;
	border: none !important;
	box-shadow: none !important;
}

.primary-content .tophost-login-card__input.form-control:focus {
	box-shadow: none !important;
}

.primary-content .tophost-login-card__reveal.btn {
	min-height: 2.75rem;
	padding: 0 0.85rem;
	color: #6b7c8f;
	background: #f8fafb;
	border: none;
	border-left: 1px solid #e8ecef;
}

.primary-content .tophost-login-card__reveal.btn:hover,
.primary-content .tophost-login-card__reveal.btn:focus {
	color: #222e3a;
	background: #f0f3f6;
}

.primary-content .tophost-login-card__captcha {
	margin-bottom: 1.15rem;
}

.primary-content .tophost-login-card__actions {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 0.85rem;
	margin-top: 0.25rem;
}

.primary-content .tophost-login-card__submit {
	display: block;
	width: 100%;
	min-height: 3rem;
	padding: 0.75rem 1.25rem;
	font-size: 0.9375rem;
	font-weight: 600;
	line-height: 1.35;
	border-radius: 10px !important;
	background: #222e3a !important;
	border-color: #222e3a !important;
}

.primary-content .tophost-login-card__submit:hover,
.primary-content .tophost-login-card__submit:focus {
	background: #1c2334 !important;
	border-color: #1c2334 !important;
}

.primary-content .tophost-login-card__remember {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.45rem;
	margin: 0;
	font-size: 0.8125rem;
	font-weight: 500;
	line-height: 1.35;
	color: #4a5a6a;
	cursor: pointer;
}

.primary-content .tophost-login-card__remember .form-check-input {
	position: static;
	margin: 0;
}

.primary-content .tophost-login-card__footer {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0.35rem 0.5rem;
	padding: 1rem 2rem !important;
	text-align: center;
	background: #f8fafb !important;
	border-top: 1px solid #e8ecef !important;
}

.primary-content .tophost-login-card__register-text {
	font-size: 0.8125rem;
	color: #6b7c8f;
}

.primary-content .tophost-login-card__register-link {
	font-size: 0.8125rem;
	font-weight: 700;
	color: #222e3a !important;
	text-decoration: none;
}

.primary-content .tophost-login-card__register-link:hover,
.primary-content .tophost-login-card__register-link:focus {
	color: #ea1010 !important;
	text-decoration: underline;
}

.primary-content .tophost-password-reset__back {
	margin: 1.25rem 0 0;
}

.primary-content .tophost-login-card__actions--split {
	flex-direction: row;
	flex-wrap: wrap;
}

.primary-content .tophost-login-card__actions--split .tophost-login-card__submit {
	flex: 1 1 auto;
	width: auto;
	min-width: 10rem;
}

.primary-content .tophost-login-card__cancel {
	flex: 1 1 auto;
	min-height: 3rem;
	padding: 0.75rem 1.25rem;
	font-size: 0.9375rem;
	font-weight: 600;
	color: #222e3a !important;
	background: #fff !important;
	border: 1px solid #d0d7de !important;
	border-radius: 10px;
}

.primary-content .tophost-login-card__cancel:hover,
.primary-content .tophost-login-card__cancel:focus {
	background: #f8fafb !important;
	border-color: #222e3a !important;
}

.primary-content .login-form.tophost-login + .providerPreLinking,
.primary-content .login-form.tophost-login ~ .providerPreLinking {
	max-width: 540px;
	margin: 1.25rem auto 0;
}

.primary-content .login-form.tophost-login + .providerPreLinking .social-signin-btns,
.primary-content .login-form.tophost-login ~ .providerPreLinking .social-signin-btns {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.5rem;
}

/* Contact page — TopHost */
.primary-content .tophost-contact {
	max-width: 1100px;
	margin: 0 auto;
}

.primary-content .tophost-contact__layout {
	align-items: stretch;
}

.primary-content .tophost-contact-info-stack {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	height: 100%;
}

.primary-content .tophost-contact-info-card {
	position: relative;
	overflow: hidden;
	border: 1px solid #e8ecef !important;
	border-radius: 12px !important;
	box-shadow: 0 4px 16px rgba(34, 46, 58, 0.07) !important;
	background: #fff !important;
	transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.primary-content .tophost-contact-info-card:hover {
	transform: translateY(-2px);
	border-color: #d0d7de !important;
	box-shadow: 0 10px 24px rgba(34, 46, 58, 0.12) !important;
}

.primary-content .tophost-contact-info-card__accent {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 3px;
	background: linear-gradient(90deg, #222e3a 0%, #ea1010 100%);
}

.primary-content .tophost-contact-info-card__body {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 1.25rem 1.2rem 1.15rem !important;
	text-align: center;
}

.primary-content .tophost-contact-info-card__content {
	width: 100%;
}

.primary-content .tophost-contact-card__icon,
.primary-content .tophost-contact-info-card__icon {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3.5rem;
	height: 3.5rem;
	background: #f8fafb;
	border: 1px solid #e8ecef;
	border-radius: 12px;
	color: #ea1010;
	font-size: 1.35rem;
}

.primary-content .tophost-contact-card__header .tophost-contact-card__icon {
	margin: 0;
}

.primary-content .tophost-contact-info-card__icon {
	margin: 0 auto 0.85rem;
}

.primary-content .tophost-contact-info-card__label {
	margin: 0 0 0.5rem;
	font-size: 0.9375rem;
	font-weight: 600;
	line-height: 1.35;
	color: #222e3a;
}

.primary-content .tophost-contact-info-card__text {
	margin: 0;
	font-size: 0.875rem;
	line-height: 1.65;
	color: #5c6b7a;
}

.primary-content .tophost-contact-info-card__links {
	list-style: none;
	margin: 0;
	padding: 0;
}

.primary-content .tophost-contact-info-card__links li + li {
	margin-top: 0.35rem;
}

.primary-content .tophost-contact-info-card__links a,
.primary-content .tophost-contact-info-card__text a {
	display: inline-block;
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.45;
	color: #222e3a;
	text-decoration: none;
	transition: color 0.15s ease;
}

.primary-content .tophost-contact-info-card__links a:hover,
.primary-content .tophost-contact-info-card__links a:focus,
.primary-content .tophost-contact-info-card__text a:hover,
.primary-content .tophost-contact-info-card__text a:focus {
	color: #ea1010;
}

.primary-content .tophost-contact-card {
	position: relative;
	overflow: hidden;
	border: 1px solid #e8ecef !important;
	border-radius: 14px !important;
	box-shadow: 0 8px 28px rgba(34, 46, 58, 0.1) !important;
}

.primary-content .tophost-contact-card::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 4px;
	background: linear-gradient(90deg, #ea1010 0%, #222e3a 100%);
}

.primary-content .tophost-contact-card__body {
	padding: 2rem 2rem 1.75rem !important;
}

.primary-content .tophost-contact-card__header {
	display: flex;
	align-items: center;
	gap: 1.25rem;
	margin-bottom: 1.75rem;
	text-align: left;
}

.primary-content .tophost-contact-card__headings {
	flex: 1 1 auto;
	min-width: 0;
}

.primary-content .tophost-contact-card__title {
	margin: 0 0 0.35rem;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.25;
	color: #222e3a;
}

.primary-content .tophost-contact-card__lead {
	margin: 0;
	font-size: 0.9375rem;
	line-height: 1.55;
	color: #6b7c8f;
}

@media (max-width: 575.98px) {
	.primary-content .tophost-contact-card__header {
		flex-direction: column;
		align-items: flex-start;
		gap: 1rem;
	}
}

.primary-content .tophost-contact-card__field {
	margin-bottom: 1.15rem;
}

.primary-content .tophost-contact-card__label {
	display: block;
	margin: 0 0 0.4rem;
	font-size: 0.8125rem;
	font-weight: 600;
	line-height: 1.35;
	color: #222e3a;
}

.primary-content .tophost-contact-card__input-group {
	overflow: hidden;
	border: 1px solid #d0d7de;
	border-radius: 10px;
	background: #fff;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.primary-content .tophost-contact-card__input-group:focus-within {
	border-color: #222e3a;
	box-shadow: 0 0 0 3px rgba(34, 46, 58, 0.08);
}

.primary-content .tophost-contact-card__input-icon.input-group-text {
	padding: 0 0.85rem;
	color: #6b7c8f;
	background: #f8fafb;
	border: none;
	border-right: 1px solid #e8ecef;
}

.primary-content .tophost-contact-card__input.form-control {
	min-height: 2.75rem;
	padding: 0.6rem 0.85rem;
	font-size: 0.9375rem;
	color: #222e3a;
	background: #fff;
	border: none !important;
	box-shadow: none !important;
}

.primary-content .tophost-contact-card__input.form-control:focus {
	box-shadow: none !important;
}

.primary-content .tophost-contact-card__textarea.form-control {
	height: 136px;
	min-height: 136px;
	padding: 0.85rem 1rem;
	font-size: 0.9375rem;
	line-height: 1.55;
	color: #222e3a;
	background: #fff;
	border: 1px solid #d0d7de !important;
	border-radius: 10px !important;
	box-shadow: none !important;
	resize: vertical;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.primary-content .tophost-contact-card__textarea.form-control:focus {
	border-color: #222e3a !important;
	box-shadow: 0 0 0 3px rgba(34, 46, 58, 0.08) !important;
}

.primary-content .tophost-contact-card__captcha {
	margin-bottom: 1.15rem;
	text-align: center;
}

.primary-content .tophost-contact-card__actions {
	margin-top: 0.5rem;
	text-align: center;
}

.primary-content .tophost-contact-card__submit {
	min-width: 220px;
	min-height: 3rem;
	padding: 0.75rem 1.75rem;
	font-size: 0.9375rem;
	font-weight: 600;
	border-radius: 10px !important;
	background: #ea1010 !important;
	border-color: #ea1010 !important;
}

.primary-content .tophost-contact-card__submit:hover,
.primary-content .tophost-contact-card__submit:focus {
	background: #c90e0e !important;
	border-color: #c90e0e !important;
}

.primary-content .tophost-contact .alert {
	border-radius: 10px;
}

@media (max-width: 991.98px) {
	.primary-content .tophost-contact-info-stack {
		margin-bottom: 0.5rem;
	}
}

@media (max-width: 575.98px) {
	.primary-content .tophost-contact-card__body {
		padding: 1.5rem 1.25rem 1.25rem !important;
	}

	.primary-content .tophost-contact-card__submit {
		width: 100%;
		min-width: 0;
	}

	.primary-content .tophost-contact-info-card__body {
		padding: 1.15rem 1rem 1rem !important;
	}
}

/* Client registration — TopHost */
.primary-content #registration.tophost-register {
	margin: 0;
	padding: 0 0 2rem;
}

.primary-content .tophost-register .providerPreLinking {
	margin-bottom: 1.5rem;
}

.primary-content .tophost-register-section.card {
	overflow: hidden;
	margin-bottom: 1.25rem !important;
	border: 1px solid #e8ecef !important;
	border-radius: 14px !important;
	box-shadow: 0 2px 12px rgba(34, 46, 58, 0.06) !important;
}

.primary-content .tophost-register-section.card::before {
	content: "";
	display: block;
	height: 3px;
	background: #222e3a;
}

.primary-content .tophost-register-section__body {
	padding: 1.35rem 1.5rem !important;
}

.primary-content .tophost-register-section__title.card-title {
	margin: 0 0 1.25rem;
	padding-bottom: 0.85rem;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.35;
	color: #222e3a;
	border-bottom: 1px solid #eef2f5;
}

.primary-content .tophost-register-section__title small,
.primary-content .tophost-register-section__title i {
	font-size: 0.75rem;
	font-weight: 500;
	font-style: normal;
	color: #6b7c8f;
}

.primary-content #registration.tophost-register .tophost-register-section__body > .row {
	display: flex;
	flex-wrap: wrap;
	gap: 1.25rem 1.5rem;
	margin-left: 0;
	margin-right: 0;
}

.primary-content #registration.tophost-register .tophost-register-section__body > .row > [class*="col-"] {
	padding-left: 0;
	padding-right: 0;
}

.primary-content #registration.tophost-register .tophost-register-section__body > .row > .col-sm-6 {
	flex: 0 0 calc(50% - 0.75rem);
	max-width: calc(50% - 0.75rem);
}

.primary-content #registration.tophost-register .tophost-register-section__body > .row > .col-sm-12 {
	flex: 0 0 100%;
	max-width: 100%;
}

.primary-content #registration.tophost-register .tophost-register-section__body > .row > .col-sm-4 {
	flex: 0 0 calc((100% - 3rem) * 4 / 12);
	max-width: calc((100% - 3rem) * 4 / 12);
}

.primary-content #registration.tophost-register .tophost-register-section__body > .row > .col-sm-5 {
	flex: 0 0 calc((100% - 3rem) * 5 / 12);
	max-width: calc((100% - 3rem) * 5 / 12);
}

.primary-content #registration.tophost-register .tophost-register-section__body > .row > .col-sm-3 {
	flex: 0 0 calc((100% - 3rem) * 3 / 12);
	max-width: calc((100% - 3rem) * 3 / 12);
}

@media (max-width: 575.98px) {
	.primary-content #registration.tophost-register .tophost-register-section__body > .row > [class*="col-sm-"] {
		flex: 0 0 100%;
		max-width: 100%;
	}
}

.primary-content .tophost-register .form-group {
	margin-bottom: 0;
}

.primary-content .tophost-register .form-group > label:not(.field-icon) {
	display: block;
	margin-bottom: 0.35rem;
	font-size: 0.8125rem;
	font-weight: 600;
	color: #222e3a;
}

.primary-content #registration.tophost-register .tophost-register-customfield .control {
	width: 100%;
}

.primary-content #registration.tophost-register .tophost-register-customfield .control textarea.form-control,
.primary-content #registration.tophost-register .tophost-register-customfield .control input.form-control,
.primary-content #registration.tophost-register .tophost-register-customfield .control select.form-control {
	display: block;
	width: 100%;
	max-width: 100%;
	font-size: 0.9375rem;
	color: #222e3a;
	border: 1px solid #d0d7de;
	border-radius: 10px;
	box-shadow: none;
}

.primary-content #registration.tophost-register .tophost-register-customfield .control textarea.form-control {
	min-height: 5.5rem;
	padding: 0.65rem 0.85rem;
	line-height: 1.5;
	resize: vertical;
}

.primary-content #registration.tophost-register .tophost-register-customfield .control textarea.form-control:focus,
.primary-content #registration.tophost-register .tophost-register-customfield .control input.form-control:focus,
.primary-content #registration.tophost-register .tophost-register-customfield .control select.form-control:focus {
	border-color: #222e3a;
	box-shadow: 0 0 0 3px rgba(34, 46, 58, 0.08);
	outline: none;
}

.primary-content #registration.tophost-register .prepend-icon {
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	width: 100%;
	overflow: hidden;
	margin-bottom: 0;
	border: 1px solid #d0d7de;
	border-radius: 10px;
	background: #fff;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.primary-content #registration.tophost-register .prepend-icon:focus-within {
	border-color: #222e3a;
	box-shadow: 0 0 0 3px rgba(34, 46, 58, 0.08);
}

.primary-content #registration.tophost-register .prepend-icon .field-icon {
	position: static;
	top: auto;
	left: auto;
	z-index: 1;
	display: flex;
	flex: 0 0 2.75rem;
	align-items: center;
	justify-content: center;
	width: 2.75rem;
	height: auto;
	min-height: 2.75rem;
	margin: 0;
	line-height: 1;
	color: #6b7c8f;
	pointer-events: none;
	background: #f8fafb;
	border: none;
	border-right: 1px solid #e8ecef;
	border-radius: 0;
}

.primary-content #registration.tophost-register .prepend-icon .field-icon i {
	position: static;
	font-size: 0.9rem;
	color: #6b7c8f;
}

.primary-content #registration.tophost-register .prepend-icon .field,
.primary-content #registration.tophost-register .prepend-icon .form-control,
.primary-content #registration.tophost-register .prepend-icon select.field {
	display: block;
	flex: 1 1 auto;
	width: 1%;
	min-width: 0;
	min-height: 2.75rem;
	height: auto;
	padding: 0.6rem 0.85rem !important;
	font-size: 0.9375rem;
	color: #222e3a;
	background: #fff;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	outline: none;
}

.primary-content #registration.tophost-register .prepend-icon textarea.field {
	height: auto;
	min-height: 5.5rem;
	padding-top: 0.65rem !important;
}

.primary-content #registration.tophost-register .prepend-icon .field:focus,
.primary-content #registration.tophost-register .prepend-icon .form-control:focus,
.primary-content #registration.tophost-register .prepend-icon select.field:focus {
	border: none !important;
	box-shadow: none !important;
	outline: none;
}

.primary-content #registration.tophost-register .prepend-icon label.field-icon + label.field-icon {
	display: none;
}

.primary-content #registration.tophost-register .prepend-icon select.field {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.primary-content .tophost-register .form-group .form-control:not(.field) {
	min-height: 2.75rem;
	border: 1px solid #d0d7de;
	border-radius: 10px;
	font-size: 0.9375rem;
}

.primary-content .tophost-register .form-group .form-control:not(.field):focus {
	border-color: #222e3a;
	box-shadow: 0 0 0 3px rgba(34, 46, 58, 0.08);
}

.primary-content .tophost-register .field-help-text {
	display: block;
	margin-top: 0.25rem;
	font-size: 0.75rem;
	color: #6b7c8f;
}

.primary-content .tophost-register .generate-password {
	font-size: 0.8125rem;
	font-weight: 600;
	color: #222e3a;
	background: #f8fafb;
	border: 1px solid #d0d7de;
	border-radius: 8px;
}

.primary-content .tophost-register .generate-password:hover,
.primary-content .tophost-register .generate-password:focus {
	background: #f0f3f6;
	border-color: #222e3a;
}

.primary-content .tophost-register .password-strength-meter .progress {
	height: 0.5rem;
	border-radius: 999px;
	background: #eef2f5;
}

.primary-content .tophost-register .password-strength-meter #passwordStrengthTextLabel {
	color: #6b7c8f;
}

.primary-content .tophost-register #passwdFeedback.alert {
	border-radius: 10px;
}

.primary-content .tophost-register__tos {
	margin: 1.25rem 0 0;
	padding: 1rem 1.25rem;
	text-align: center;
	background: #f8fafb;
	border: 1px solid #e8ecef;
	border-radius: 12px;
}

.primary-content .tophost-register__tos-label {
	display: inline-flex;
	align-items: flex-start;
	gap: 0.5rem;
	margin: 0;
	font-size: 0.875rem;
	color: #4a5a6a;
	text-align: left;
}

.primary-content .tophost-register__tos-link {
	font-weight: 600;
	color: #222e3a;
}

.primary-content .tophost-register__tos-link:hover,
.primary-content .tophost-register__tos-link:focus {
	color: #ea1010;
}

.primary-content .tophost-register__actions {
	margin-top: 1.5rem;
	text-align: center;
}

.primary-content .tophost-register__submit {
	min-width: 14rem;
	min-height: 3rem;
	padding: 0.75rem 2rem;
	font-size: 1rem;
	font-weight: 600;
	border-radius: 10px !important;
	background: #222e3a !important;
	border-color: #222e3a !important;
}

.primary-content .tophost-register__submit:hover,
.primary-content .tophost-register__submit:focus {
	background: #1c2334 !important;
	border-color: #1c2334 !important;
}

#order-standard_cart .tophost-domain-promos {
	margin-top: 1.5rem;
}

#order-standard_cart .tophost-domain-promos > [class*="col-"] {
	margin-bottom: 1rem;
}

#order-standard_cart .tophost-domain-promo-card.domain-promo-box {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	height: 100%;
	margin: 0;
	padding: 1.35rem 1.25rem 1.25rem;
	background: #fff !important;
	border: 1px solid #e8ecef !important;
	border-radius: 14px;
	box-shadow: 0 2px 12px rgba(34, 46, 58, 0.06);
	overflow: hidden;
}

#order-standard_cart .tophost-domain-promo-card--hosting {
	border-top: 3px solid #222e3a;
}

#order-standard_cart .tophost-domain-promo-card--transfer {
	border-top: 3px solid #ea1010;
}

#order-standard_cart .tophost-domain-promo-card__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	margin-bottom: 1rem;
	font-size: 1.25rem;
	line-height: 1;
	color: #222e3a;
	background: #f8fafb;
	border: 1px solid #e8ecef;
	border-radius: 12px;
}

#order-standard_cart .tophost-domain-promo-card--transfer .tophost-domain-promo-card__icon {
	color: #ea1010;
	background: #fff5f5;
	border-color: #fad4d4;
}

#order-standard_cart .tophost-domain-promo-card__body {
	flex: 1 1 auto;
	margin-bottom: 1rem;
}

#order-standard_cart .tophost-domain-promo-card__title {
	margin: 0 0 0.5rem;
	font-size: 1.125rem !important;
	font-weight: 700;
	line-height: 1.35;
	color: #222e3a;
}

#order-standard_cart .tophost-domain-promo-card__eyebrow {
	margin: 0 0 0.65rem;
	font-size: 0.8125rem;
	font-weight: 600;
	line-height: 1.4;
	color: #6b7c8f;
}

#order-standard_cart .tophost-domain-promo-card--hosting .tophost-domain-promo-card__eyebrow {
	color: #222e3a;
}

#order-standard_cart .tophost-domain-promo-card--transfer .tophost-domain-promo-card__eyebrow {
	color: #ea1010;
}

#order-standard_cart .tophost-domain-promo-card__text {
	margin: 0;
	font-size: 0.875rem;
	line-height: 1.55;
	color: #4a5a6a;
}

#order-standard_cart .tophost-domain-promo-card__footer {
	margin-top: auto;
	padding-top: 0.25rem;
}

#order-standard_cart .tophost-domain-promo-card__btn {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0.65rem 1.15rem;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.3;
	text-align: center;
	border-radius: 10px;
}

#order-standard_cart .tophost-domain-promo-card__btn.btn-warning {
	color: #fff !important;
	background: #222e3a !important;
	border: 1px solid #222e3a !important;
	box-shadow: 0 2px 8px rgba(34, 46, 58, 0.12);
}

#order-standard_cart .tophost-domain-promo-card__btn.btn-warning:hover,
#order-standard_cart .tophost-domain-promo-card__btn.btn-warning:focus {
	color: #fff !important;
	background: #1c2334 !important;
	border-color: #1c2334 !important;
}

#order-standard_cart .tophost-domain-promo-card__btn.btn-primary {
	color: #fff !important;
	background: #ea1010 !important;
	border: 1px solid #ea1010 !important;
	box-shadow: 0 2px 8px rgba(234, 16, 16, 0.2);
}

#order-standard_cart .tophost-domain-promo-card__btn.btn-primary:hover,
#order-standard_cart .tophost-domain-promo-card__btn.btn-primary:focus {
	color: #fff !important;
	background: #c90e0e !important;
	border-color: #c90e0e !important;
}

#order-standard_cart .tophost-domain-promo-card__note {
	margin: 0.65rem 0 0;
	font-size: 0.75rem;
	line-height: 1.45;
	color: #8a9aab;
}

#order-standard_cart .tophost-domain-promo-card .clearfix {
	display: none;
}

@media (max-width: 767.98px) {
	#order-standard_cart .tophost-domain-search-card .input-group-box {
		padding: 0.5rem;
	}

	#order-standard_cart .tophost-domain-search-card #inputDomain {
		border-radius: 10px !important;
		margin-bottom: 0.5rem;
	}

	#order-standard_cart .tophost-domain-search-card .domain-check-availability {
		width: 100%;
		border-radius: 10px !important;
	}

	#order-standard_cart .tophost-domain-suggestions .list-group-item {
		text-align: left;
	}

	#order-standard_cart .tophost-domain-suggestions .actions {
		width: 100%;
		justify-content: space-between;
	}
}

/* Order form — domain renewals (card layout) */
#order-standard_cart .secondary-cart-body .text-center {
	margin-bottom: 1rem;
	font-size: 0.875rem;
	color: #6c757d;
}

#order-standard_cart .tophost-domain-renewals {
	margin: 0;
	padding: 0;
	border: none;
	background: transparent;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

#order-standard_cart .tophost-domain-renewal-card {
	margin: 0;
	padding: 1.25rem 1.35rem;
	background: #fff;
	border: 1px solid #e8ecef !important;
	border-radius: 12px;
	box-shadow: 0 2px 8px rgba(34, 46, 58, 0.05);
}

#order-standard_cart .tophost-domain-renewal-card:nth-child(even) {
	background: #fff;
}

#order-standard_cart .tophost-domain-renewal-card__header {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: 0.75rem 1rem;
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid #e8ecef;
}

#order-standard_cart .tophost-domain-renewal-card__heading {
	flex: 1 1 60%;
	min-width: 0;
}

#order-standard_cart .tophost-domain-renewal-card__domain {
	margin: 0 0 0.35rem;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.3;
	color: #222e3a;
	word-break: break-word;
}

#order-standard_cart .tophost-domain-renewal-card__expiry {
	margin: 0;
	font-size: 0.875rem;
	line-height: 1.45;
	color: #6c757d;
}

#order-standard_cart .tophost-domain-renewal-card__expiry strong {
	color: #222e3a;
	font-weight: 600;
}

#order-standard_cart .tophost-domain-renewal-card__status {
	flex: 0 0 auto;
	text-align: right;
}

#order-standard_cart .tophost-domain-renewal-card .label.status {
	display: inline-block;
	padding: 0.3rem 0.65rem;
	font-size: 0.6875rem;
	font-weight: 600;
	line-height: 1.25;
	border-radius: 9999px;
}

#order-standard_cart .tophost-domain-renewal-card__note {
	margin: 0 0 1rem;
	padding: 0.65rem 0.85rem;
	font-size: 0.8125rem;
	line-height: 1.45;
	color: #222e3a;
	background: #f0f6fa;
	border: 1px solid #d8e4ec;
	border-left: 4px solid #222e3a;
	border-radius: 8px;
}

#order-standard_cart .tophost-domain-renewal-card__period {
	margin-bottom: 1rem;
	padding: 0.85rem 1rem;
	background: #f8fafb;
	border: 1px solid #e8ecef;
	border-radius: 10px;
}

#order-standard_cart .tophost-domain-renewal-card__period-label {
	display: block;
	margin: 0 0 0.5rem;
	font-size: 0.8125rem;
	font-weight: 600;
	line-height: 1.3;
	color: #6c757d;
}

#order-standard_cart .tophost-domain-renewal-card__select {
	max-width: 100%;
	border: 1px solid #d0d7de;
	border-radius: 8px;
	font-size: 0.875rem;
	box-shadow: none;
}

#order-standard_cart .tophost-domain-renewal-card__select:focus {
	border-color: #ea1010;
	box-shadow: 0 0 0 2px rgba(234, 16, 16, 0.12);
}

#order-standard_cart .tophost-domain-renewal-card__actions {
	display: flex;
	justify-content: flex-end;
}

#order-standard_cart .tophost-domain-renewal-card .btn-add-renewal-to-cart {
	min-width: 10rem;
	padding: 0.55rem 1.15rem;
	font-size: 0.875rem;
	font-weight: 600;
	border: 1px solid transparent;
	border-radius: 8px;
	background: #222e3a;
}

#order-standard_cart .tophost-domain-renewal-card .btn-add-renewal-to-cart:hover,
#order-standard_cart .tophost-domain-renewal-card .btn-add-renewal-to-cart:focus {
	background: #1c2334;
	border-color: transparent;
}

/* Domain renewals — search aligned with order summary sidebar */
#order-standard_cart .secondary-cart-sidebar .tophost-domain-renewals-search {
	position: relative;
	width: 100%;
	margin: 0 0 0.75rem;
}

#order-standard_cart .tophost-domain-renewals-search__icon {
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 1rem;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 1.125rem;
	height: 1.125rem;
	font-size: 0.875rem;
	line-height: 1;
	color: #6b7c8f;
	pointer-events: none;
}

#order-standard_cart .secondary-cart-sidebar .form-control.domain-renewals-filter {
	width: 100% !important;
	max-width: none !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0.85rem 1rem 0.85rem 2.75rem !important;
	font-size: 0.875rem !important;
	font-weight: 400;
	line-height: 1.35;
	color: #222e3a !important;
	background: #fff !important;
	background-image: none !important;
	border: 1px solid #e8ecef !important;
	border-radius: 12px !important;
	box-shadow: 0 2px 8px rgba(34, 46, 58, 0.05) !important;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

#order-standard_cart .secondary-cart-sidebar .form-control.domain-renewals-filter::placeholder {
	color: #8a9aab;
	opacity: 1;
}

#order-standard_cart .secondary-cart-sidebar .form-control.domain-renewals-filter:hover {
	border-color: #c5ced6 !important;
}

#order-standard_cart .secondary-cart-sidebar .form-control.domain-renewals-filter:focus {
	border-color: #222e3a !important;
	box-shadow: 0 0 0 3px rgba(34, 46, 58, 0.08), 0 2px 8px rgba(34, 46, 58, 0.05) !important;
	outline: none;
}

#order-standard_cart .secondary-cart-sidebar .form-control.domain-renewals-filter::-webkit-search-cancel-button {
	-webkit-appearance: none;
	height: 1rem;
	width: 1rem;
	margin-right: 0.15rem;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7c8f' d='M6 4.586L10.293.293l1.414 1.414L7.414 6l4.293 4.293-1.414 1.414L6 7.414l-4.293 4.293-1.414-1.414L4.586 6 .293 1.707 1.707.293z'/%3E%3C/svg%3E") center / contain no-repeat;
	cursor: pointer;
}

@media (max-width: 767.98px) {
	#order-standard_cart .tophost-domain-renewal-card__header {
		flex-direction: column;
	}

	#order-standard_cart .tophost-domain-renewal-card__status {
		text-align: left;
	}

	#order-standard_cart .tophost-domain-renewal-card__actions {
		justify-content: stretch;
	}

	#order-standard_cart .tophost-domain-renewal-card .btn-add-renewal-to-cart {
		width: 100%;
	}
}

/* View cart — items list, promo, summary actions */
#order-standard_cart .tophost-view-cart-body {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

#order-standard_cart .tophost-view-cart-card {
	margin: 0;
	background: #fff;
	border: 1px solid #e8ecef;
	border-radius: 12px;
	box-shadow: 0 2px 8px rgba(34, 46, 58, 0.05);
	overflow: hidden;
}

#order-standard_cart .tophost-view-cart-card::before {
	content: "";
	display: block;
	height: 3px;
	background: #ea1010;
}

#order-standard_cart .tophost-view-cart-card__header.view-cart-items-header {
	margin: 0 !important;
	padding: 0.85rem 1.15rem !important;
	background: #f8fafb !important;
	color: #222e3a !important;
	font-size: 0.8125rem !important;
	font-weight: 600 !important;
	line-height: 1.35;
	text-transform: none;
	border-radius: 0 !important;
	border: none !important;
	border-bottom: 1px solid #e8ecef !important;
}

#order-standard_cart .tophost-view-cart-card__header.view-cart-items-header .row {
	margin-left: 0;
	margin-right: 0;
	align-items: center;
}

#order-standard_cart .tophost-view-cart-card__header.view-cart-items-header .row > [class*="col"] {
	padding-left: 0;
	padding-right: 0;
	color: #222e3a;
}

#order-standard_cart .tophost-view-cart-card .view-cart-items {
	margin: 0 !important;
	border-bottom: none !important;
}

#order-standard_cart .tophost-view-cart-card .view-cart-items .item {
	margin: 0;
	padding: 1rem 1.15rem;
	background: #fff !important;
	border-top: 1px solid #e8ecef;
	border-left: 0;
	border-right: 0;
	font-size: 0.875rem;
}

#order-standard_cart .tophost-view-cart-card .view-cart-items .item:first-child {
	border-top: none;
}

#order-standard_cart .tophost-view-cart-card .view-cart-items .item:nth-child(even) {
	background: #f8fafb !important;
}

#order-standard_cart .tophost-view-cart-card .view-cart-items .item-title {
	display: block;
	margin-bottom: 0.2rem;
	font-size: 1rem !important;
	font-weight: 700;
	color: #222e3a;
}

#order-standard_cart .tophost-view-cart-card .view-cart-items .item-group {
	display: block;
	margin-bottom: 0.15rem;
	font-size: 0.8125rem !important;
	color: #6c757d;
}

#order-standard_cart .tophost-view-cart-card .view-cart-items .item-domain {
	display: block;
	font-size: 0.875rem;
	font-weight: 600;
	color: #222e3a !important;
}

#order-standard_cart .tophost-view-cart-card .view-cart-items .item-price {
	text-align: right;
}

#order-standard_cart .tophost-view-cart-card .view-cart-items .item-price > span:first-child {
	display: block;
	font-size: 1.0625rem !important;
	font-weight: 700;
	color: #222e3a;
}

#order-standard_cart .tophost-view-cart-card .view-cart-items .item-price .cycle {
	display: block;
	font-size: 0.8125rem !important;
	color: #6c757d;
}

#order-standard_cart .tophost-view-cart-card .view-cart-items .item-price .renewal.cycle {
	font-size: 0.75rem !important;
	font-style: normal;
	color: #6c757d;
}

#order-standard_cart .tophost-view-cart-card .view-cart-items .item .btn-link {
	padding: 0;
	font-size: 0.8125rem;
	font-weight: 500;
	color: #6c757d;
}

#order-standard_cart .tophost-view-cart-card .view-cart-items .item .btn-link:hover {
	color: #ea1010;
}

#order-standard_cart .tophost-view-cart-card .view-cart-items .btn-remove-from-cart {
	color: #6c757d;
}

#order-standard_cart .tophost-view-cart-card .view-cart-items .btn-remove-from-cart:hover {
	color: #ea1010;
}

#order-standard_cart .tophost-view-cart-card .view-cart-empty {
	padding: 2.5rem 1.15rem;
	font-size: 0.9375rem;
	color: #6c757d;
}

#order-standard_cart .tophost-view-cart-card__footer.empty-cart {
	display: flex;
	justify-content: flex-end;
	margin: 0 !important;
	padding: 0.75rem 1.15rem 1rem;
	line-height: 1.4;
	border-top: 1px solid #e8ecef;
	background: #f8fafb;
}

#order-standard_cart .tophost-view-cart-card__footer .btn-outline-danger {
	font-size: 0.8125rem;
	font-weight: 600;
	border-color: #ea1010;
	color: #ea1010;
	border-radius: 8px;
}

#order-standard_cart .tophost-view-cart-card__footer .btn-outline-danger:hover,
#order-standard_cart .tophost-view-cart-card__footer .btn-outline-danger:focus {
	background: #ea1010;
	border-color: #ea1010;
	color: #fff;
}

#order-standard_cart .view-cart-tabs.tophost-view-cart-card {
	padding: 0;
}

#order-standard_cart .view-cart-tabs.tophost-view-cart-card .nav-tabs {
	margin: 0;
	padding: 0 1rem;
	font-size: 0.8125rem;
	background: #f8fafb;
	border-bottom: 1px solid #e8ecef;
}

#order-standard_cart .view-cart-tabs.tophost-view-cart-card .nav-tabs .nav-link {
	padding: 0.75rem 0.85rem;
	font-weight: 600;
	color: #6c757d;
	border: none;
	border-bottom: 2px solid transparent;
	border-radius: 0;
}

#order-standard_cart .view-cart-tabs.tophost-view-cart-card .nav-tabs .nav-link.active,
#order-standard_cart .view-cart-tabs.tophost-view-cart-card .nav-tabs a[aria-selected="true"],
#order-standard_cart .view-cart-tabs.tophost-view-cart-card .nav-tabs a[aria-expanded="true"] {
	color: #222e3a !important;
	background: transparent !important;
	border-color: transparent transparent #ea1010 !important;
}

#order-standard_cart .view-cart-tabs.tophost-view-cart-card .tab-content {
	margin: 0;
	padding: 1.15rem;
	background: #fff !important;
	border: none;
}

#order-standard_cart .view-cart-tabs .promo .form-group.prepend-icon {
	margin-bottom: 0.75rem;
}

#order-standard_cart .view-cart-tabs .promo .field.form-control {
	border: 1px solid #d0d7de;
	border-radius: 8px;
	box-shadow: none;
}

#order-standard_cart .view-cart-tabs .promo button[type="submit"] {
	font-weight: 600;
	border-radius: 8px;
	background: #222e3a !important;
	border-color: #222e3a !important;
	color: #fff !important;
}

#order-standard_cart .view-cart-tabs .promo button[type="submit"]:hover,
#order-standard_cart .view-cart-tabs .promo button[type="submit"]:focus {
	background: #1c2334 !important;
	border-color: #1c2334 !important;
}

#order-standard_cart .view-cart-promotion-code {
	margin: 0 0 0.75rem;
	padding: 0.85rem 1rem;
	background: #f0f6fa;
	border: 1px dashed #d0d7de;
	border-left: 3px solid #222e3a;
	border-radius: 8px;
	font-size: 0.875rem;
	color: #222e3a;
}

#order-standard_cart .view-cart-gateway-checkout {
	margin: 0;
	padding: 1.15rem;
	background: #f8fafb;
	border: 1px solid #e8ecef;
	border-radius: 12px;
	text-align: center;
}

#order-standard_cart .tophost-view-cart-summary-actions {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	margin-top: 1rem;
	padding-top: 0.75rem;
	border-top: 1px solid #e8ecef;
}

#order-standard_cart .tophost-view-cart-body > .alert {
	margin-bottom: 0;
	border-radius: 10px;
}

@media (max-width: 767.98px) {
	#order-standard_cart .tophost-view-cart-card .view-cart-items .item-price {
		margin-top: 0.5rem;
		text-align: left;
	}
}

/* Checkout — card panels, forms, payment */
#order-standard_cart .tophost-checkout-body .tophost-checkout-page-title {
	margin-bottom: 1rem;
}

#order-standard_cart .tophost-checkout-body .tophost-checkout-page-title h1 {
	margin: 0;
	font-size: 1.75rem !important;
	font-weight: 700;
	color: #222e3a;
}

#order-standard_cart .tophost-checkout-intro {
	margin-bottom: 1.25rem;
	padding: 1rem 1.15rem;
	background: #f0f6fa;
	border: 1px solid #e8ecef;
	border-left: 3px solid #222e3a;
	border-radius: 10px;
}

#order-standard_cart .tophost-checkout-intro p {
	margin: 0 0 0.75rem;
	font-size: 0.9375rem;
	line-height: 1.5;
	color: #222e3a;
}

#order-standard_cart .tophost-checkout-intro .btn {
	font-size: 0.8125rem;
	font-weight: 600;
	border-radius: 8px;
}

#order-standard_cart .tophost-checkout-intro #btnAlreadyRegistered {
	background: #222e3a !important;
	border-color: #222e3a !important;
	color: #fff !important;
}

#order-standard_cart .tophost-checkout-intro #btnNewUserSignup {
	background: #fff !important;
	border: 1px solid #d0d7de !important;
	color: #222e3a !important;
}

#order-standard_cart .tophost-checkout-form {
	display: flex;
	flex-direction: column;
	gap: 0;
}

#order-standard_cart .tophost-checkout-panel {
	margin: 0 0 1rem;
	background: #fff;
	border: 1px solid #e8ecef;
	border-radius: 12px;
	box-shadow: 0 2px 8px rgba(34, 46, 58, 0.05);
	overflow: hidden;
}

#order-standard_cart .tophost-checkout-panel__header {
	padding: 0.85rem 1.15rem;
	background: #222e3a;
	border-bottom: 1px solid #1c2334;
}

#order-standard_cart .tophost-checkout-panel__header span {
	display: block;
	font-size: 0.9375rem;
	font-weight: 700;
	line-height: 1.35;
	color: #fff;
}

#order-standard_cart .tophost-checkout-panel__header .tophost-checkout-panel__hint {
	display: block;
	margin-top: 0.2rem;
	font-size: 0.75rem;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.75);
}

#order-standard_cart .tophost-checkout-panel__body {
	padding: 1.15rem 1.15rem 1.25rem;
}

#order-standard_cart .tophost-checkout-panel__lead {
	margin: 0 0 1rem;
	font-size: 0.8125rem;
	color: #6c757d;
}

#order-standard_cart .tophost-checkout-body .checkout-error-feedback {
	margin: 0 0 1rem;
	border-radius: 10px;
}

#order-standard_cart .tophost-checkout-panel--accounts .account-select-container {
	margin: 0;
	border: none;
}

#order-standard_cart .tophost-checkout-panel--accounts .account-select-container > [class*="col-"] {
	padding: 0.5rem;
}

#order-standard_cart .tophost-checkout-panel--accounts .account {
	margin: 0;
	padding: 1rem;
	background: #f8fafb !important;
	border: 1px solid #e8ecef !important;
	border-radius: 10px !important;
	transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

#order-standard_cart .tophost-checkout-panel--accounts .account.active {
	background: #fff !important;
	border-color: #ea1010 !important;
	box-shadow: 0 0 0 1px rgba(234, 16, 16, 0.15);
}

#order-standard_cart .tophost-checkout-panel--accounts .account label {
	display: block;
	margin: 0;
	cursor: pointer;
}

#order-standard_cart .tophost-checkout-panel--accounts .account .address strong {
	display: block;
	margin-bottom: 0.35rem;
	font-size: 0.9375rem;
	color: #222e3a;
}

#order-standard_cart .tophost-checkout-panel--accounts .account .label {
	display: inline-block;
	margin-bottom: 0.35rem;
	padding: 0.2rem 0.5rem;
	font-size: 0.6875rem;
	font-weight: 600;
	border-radius: 6px;
}

#order-standard_cart .tophost-checkout-panel--accounts .account .label-info {
	background: #222e3a;
	color: #fff;
}

#order-standard_cart .tophost-checkout-panel--accounts .account .small {
	font-size: 0.8125rem;
	line-height: 1.45;
	color: #6c757d;
}

#order-standard_cart .tophost-checkout-form .form-group.prepend-icon .field.form-control,
#order-standard_cart .tophost-checkout-form .field-container .form-control,
#order-standard_cart .tophost-checkout-form select.field.form-control,
#order-standard_cart .tophost-checkout-form textarea.field.form-control {
	width: 100%;
	max-width: 100%;
	border: 1px solid #d0d7de;
	border-radius: 8px;
	box-shadow: none;
}

#order-standard_cart .tophost-checkout-form .field-container textarea.form-control {
	display: block;
	min-height: 5.5rem;
	resize: vertical;
}

#order-standard_cart .tophost-checkout-form .field-container .form-group label {
	display: block;
	margin-bottom: 0.35rem;
	font-size: 0.875rem;
	font-weight: 600;
	color: #222e3a;
}

#order-standard_cart .tophost-checkout-form .field-container .field-help-text {
	display: block;
	margin-top: 0.35rem;
	font-size: 0.8125rem;
	color: #6c757d;
}

#order-standard_cart .tophost-checkout-form .form-group.prepend-icon .field.form-control:focus,
#order-standard_cart .tophost-checkout-form select.field.form-control:focus,
#order-standard_cart .tophost-checkout-form textarea.field.form-control:focus {
	border-color: #222e3a;
	box-shadow: 0 0 0 2px rgba(34, 46, 58, 0.1);
}

#order-standard_cart .tophost-checkout-form .prepend-icon .field-icon {
	color: #6c757d;
}

#order-standard_cart .tophost-checkout-form #btnExistingLogin,
#order-standard_cart .tophost-checkout-form .generate-password {
	border-radius: 8px;
	font-weight: 600;
}

#order-standard_cart .tophost-checkout-form #btnExistingLogin {
	background: #222e3a !important;
	border-color: #222e3a !important;
}

#order-standard_cart .tophost-checkout-total#totalDueToday {
	margin: 0 0 1.15rem;
	padding: 0;
	background: #f8fafb !important;
	border: 1px solid #e8ecef !important;
	border-radius: 10px;
	color: #222e3a !important;
	overflow: hidden;
}

#order-standard_cart .tophost-checkout-total__heading {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

#order-standard_cart .tophost-checkout-total__rows {
	display: flex;
	flex-direction: column;
}

#order-standard_cart .tophost-checkout-total__row {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 0.75rem 1rem;
	padding: 0.75rem 1.15rem;
	font-size: 0.875rem;
	line-height: 1.4;
	border-top: 1px solid #e8ecef;
}

#order-standard_cart .tophost-checkout-total__row:first-child {
	border-top: none;
}

#order-standard_cart .tophost-checkout-total__row.is-hidden,
#order-standard_cart .tophost-checkout-total__row[hidden] {
	display: none !important;
}

#order-standard_cart .tophost-checkout-total__label {
	flex: 1 1 auto;
	min-width: 0;
	font-weight: 600;
	color: #6c757d;
	text-align: left;
}

#order-standard_cart .tophost-checkout-total__value {
	flex: 0 0 auto;
	font-weight: 700;
	color: #222e3a;
	text-align: right;
	white-space: nowrap;
}

#order-standard_cart .tophost-checkout-total__currency {
	margin-left: 0.2rem;
	font-size: 0.8125rem;
	font-weight: 600;
	color: #6c757d;
}

#order-standard_cart .tophost-checkout-total__row--due .tophost-checkout-total__value,
#order-standard_cart .tophost-checkout-total__row--due #totalCartPrice {
	font-size: 1.125rem;
	color: #222e3a !important;
}

#order-standard_cart #gatewayFeeRow,
#order-standard_cart .tophost-checkout-total__row--fee {
	display: none !important;
}

#order-standard_cart .tophost-checkout-total__row--grand {
	padding-top: 0.85rem;
	padding-bottom: 0.95rem;
	background: #fff;
	border-top: 1px dashed #d0d7de;
}

#order-standard_cart .tophost-checkout-total__row--grand .tophost-checkout-total__label {
	font-size: 0.9375rem;
	font-weight: 700;
	color: #222e3a;
}

#order-standard_cart .tophost-checkout-total__row--grand .tophost-checkout-total__value,
#order-standard_cart .tophost-checkout-total__row--grand #totalWithFee {
	font-size: 1.375rem;
	font-weight: 700;
	color: #ea1010 !important;
}

#order-standard_cart .tophost-checkout-total__row--grand .tophost-checkout-total__currency {
	font-size: 0.875rem;
	color: #ea1010;
}

#order-standard_cart .tophost-checkout-panel--payment .apply-credit-container {
	margin-bottom: 1rem;
	padding: 0.85rem 1rem;
	background: #f0f6fa;
	border: 1px solid #e8ecef;
	border-left: 3px solid #222e3a;
	border-radius: 8px;
}

#order-standard_cart .tophost-checkout-panel--payment .apply-credit-container p {
	margin-bottom: 0.65rem;
	font-size: 0.875rem;
	color: #222e3a;
}

#order-standard_cart .tophost-checkout-panel--payment .apply-credit-container label.radio {
	display: block;
	margin: 0 0 0.4rem;
	font-size: 0.875rem;
	font-weight: 500;
	color: #222e3a;
}

#order-standard_cart .tophost-payment-methods__title {
	margin: 0 0 0.75rem;
	font-size: 0.875rem;
	font-weight: 600;
	color: #6c757d;
}

#order-standard_cart .tophost-payment-methods {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	width: 100%;
	text-align: left;
}

#order-standard_cart .tophost-payment-method {
	display: flex;
	align-items: center;
	gap: 0.65rem;
	margin: 0;
	padding: 0.75rem 1rem;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.35;
	color: #222e3a;
	background: #f8fafb;
	border: 1px solid #e8ecef;
	border-radius: 10px;
	cursor: pointer;
	transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

#order-standard_cart .tophost-payment-method:hover:not(.tophost-payment-method--selected) {
	border-color: #d0d7de;
	background: #fff;
}

#order-standard_cart .tophost-payment-method--selected,
#order-standard_cart .tophost-payment-method:has(.tophost-payment-method__input:checked),
#order-standard_cart .tophost-payment-method:has(.iradio_square-blue.checked) {
	border: 2px solid #ea1010 !important;
	background: #fff !important;
	box-shadow: 0 2px 10px rgba(234, 16, 16, 0.12);
}

#order-standard_cart .tophost-payment-method--selected:hover,
#order-standard_cart .tophost-payment-method:has(.iradio_square-blue.checked):hover {
	border-color: #ea1010 !important;
	background: #fff !important;
}

#order-standard_cart .tophost-payment-method--selected .tophost-payment-method__name {
	font-weight: 700;
	color: #222e3a;
}

#order-standard_cart .tophost-payment-method:has(.iradio_square-blue) .tophost-payment-method__input {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

#order-standard_cart .tophost-payment-method:not(:has(.iradio_square-blue)) .tophost-payment-method__input {
	flex: 0 0 auto;
	margin: 0;
	accent-color: #ea1010;
}

#order-standard_cart .tophost-payment-method .iradio_square-blue {
	flex: 0 0 22px;
	margin: 0 !important;
}

#order-standard_cart .tophost-payment-method__content {
	display: flex;
	flex: 1 1 auto;
	align-items: center;
	gap: 0.85rem;
	min-width: 0;
}

#order-standard_cart .tophost-payment-method__icon {
	flex: 0 0 48px;
	width: 48px;
	height: 32px;
	object-fit: contain;
}

#order-standard_cart .tophost-payment-method__name {
	flex: 1 1 auto;
	min-width: 0;
	font-size: 0.875rem;
	font-weight: 600;
	color: #222e3a;
}

#order-standard_cart .tophost-checkout-panel--marketing {
	padding: 1.15rem;
	background: #fff;
	border: 1px solid #e8ecef;
	border-radius: 12px;
	box-shadow: 0 2px 8px rgba(34, 46, 58, 0.05);
}

#order-standard_cart .tophost-checkout-panel--marketing h4 {
	margin: 0 0 0.35rem;
	font-size: 1rem !important;
	font-weight: 700;
	color: #222e3a;
}

#order-standard_cart .tophost-checkout-panel--marketing p {
	margin-bottom: 0.75rem;
	font-size: 0.875rem;
	color: #6c757d;
}

#order-standard_cart .tophost-checkout-submit {
	margin-top: 0.25rem;
	padding: 1.15rem;
	background: #fff;
	border: 1px solid #e8ecef;
	border-radius: 12px;
	box-shadow: 0 2px 8px rgba(34, 46, 58, 0.05);
}

#order-standard_cart .tophost-checkout-submit #btnCompleteOrder {
	min-width: 220px;
	padding: 0.75rem 1.5rem;
	font-size: 1rem;
	font-weight: 600;
	border-radius: 8px;
	background: #ea1010 !important;
	border-color: #ea1010 !important;
	box-shadow: 0 2px 8px rgba(234, 16, 16, 0.25);
}

#order-standard_cart .tophost-checkout-submit #btnCompleteOrder:hover,
#order-standard_cart .tophost-checkout-submit #btnCompleteOrder:focus {
	background: #c90e0e !important;
	border-color: #c90e0e !important;
}

#order-standard_cart .tophost-checkout-security.checkout-security-msg {
	margin-top: 1rem;
	padding: 1rem 1.15rem 1rem 3.25rem;
	background: #f0f6fa !important;
	border: 1px solid #e8ecef !important;
	border-left: 3px solid #222e3a !important;
	border-radius: 10px;
	color: #222e3a !important;
	font-size: 0.8125rem;
	line-height: 1.45;
}

#order-standard_cart .tophost-checkout-security.checkout-security-msg i {
	color: #222e3a;
}

#order-standard_cart .tophost-checkout-body .sub-heading {
	display: none;
}

@media (max-width: 767.98px) {
	#order-standard_cart .tophost-checkout-submit #btnCompleteOrder {
		display: block;
		width: 100%;
		min-width: 0;
	}

	#order-standard_cart .tophost-payment-method {
		padding: 0.65rem 0.85rem;
	}

	#order-standard_cart .tophost-payment-method__icon {
		flex: 0 0 40px;
		width: 40px;
		height: 28px;
	}
}

/* Cart — product catalog (category listing) */
#order-standard_cart .tophost-cart-products-body .tophost-cart-products__page-title {
	margin-bottom: 1rem;
}

#order-standard_cart .tophost-cart-products-body .tophost-cart-products__page-title h1 {
	margin: 0;
	font-size: 1.75rem !important;
	font-weight: 700;
	line-height: 1.25;
	color: #222e3a;
}

#order-standard_cart .tophost-cart-products__tagline {
	margin: 0.5rem 0 0;
	font-size: 0.9375rem;
	line-height: 1.5;
	color: #6b7c8f;
}

#order-standard_cart .tophost-cart-products__alert {
	margin-bottom: 1rem;
	border-radius: 10px;
}

#order-standard_cart .tophost-cart-products-grid.products {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.25rem;
	margin: 0.25rem 0 0;
}

@media (max-width: 1199.98px) {
	#order-standard_cart .tophost-cart-products-grid.products {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767.98px) {
	#order-standard_cart .tophost-cart-products-grid.products {
		grid-template-columns: minmax(0, 1fr);
	}
}

#order-standard_cart .tophost-cart-product-card.product {
	display: flex;
	flex-direction: column;
	float: none;
	height: 100%;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden;
	background: #fff;
	border: 1px solid #e8ecef !important;
	border-radius: 14px !important;
	box-shadow: 0 2px 12px rgba(34, 46, 58, 0.06) !important;
}

#order-standard_cart .tophost-cart-product-card__header {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: 0.5rem;
	padding: 0.9rem 1.15rem !important;
	margin: 0 !important;
	background: #222e3a !important;
	border: none !important;
	border-radius: 0 !important;
}

#order-standard_cart .tophost-cart-product-card__name {
	margin: 0;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.35;
	color: #fff;
}

#order-standard_cart .tophost-cart-product-card__qty {
	float: none;
	margin: 0;
	padding: 0.2rem 0.5rem;
	font-size: 0.6875rem;
	font-style: normal;
	font-weight: 600;
	color: #fff;
	background: rgba(255, 255, 255, 0.15);
	border-radius: 999px;
}

#order-standard_cart .tophost-cart-product-card__body {
	float: none;
	flex: 1 1 auto;
	width: auto !important;
	padding: 1rem 1.15rem !important;
	font-size: inherit;
}

#order-standard_cart .tophost-cart-product-card__desc {
	margin: 0 0 0.85rem;
	font-size: 0.875rem;
	line-height: 1.55;
	color: #6b7c8f;
}

#order-standard_cart .tophost-cart-product-card__features {
	margin: 0;
	padding: 0;
	list-style: none;
}

#order-standard_cart .tophost-cart-product-card__features li {
	position: relative;
	margin: 0 0 0.45rem;
	padding-left: 1.35rem;
	font-size: 0.8125rem;
	line-height: 1.45;
	color: #4a5a6a;
}

#order-standard_cart .tophost-cart-product-card__features li::before {
	content: "\f00c";
	position: absolute;
	left: 0;
	top: 0.15rem;
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	font-size: 0.6875rem;
	color: #ea1010;
}

#order-standard_cart .tophost-cart-product-card__features li .feature-value {
	display: inline;
	margin-right: 0.25rem;
	font-weight: 700;
	color: #222e3a;
}

#order-standard_cart .tophost-cart-product-card__footer {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 0.75rem;
	float: none;
	width: auto !important;
	margin: 0 !important;
	padding: 0.9rem 1.15rem 1rem !important;
	font-size: inherit;
	text-align: left;
	background: #f8fafb;
	border-top: 1px solid #e8ecef;
}

#order-standard_cart .tophost-cart-product-card__pricing {
	margin: 0;
	text-align: left;
}

#order-standard_cart .tophost-cart-product-card__label {
	display: block;
	font-size: 0.75rem;
	font-weight: 500;
	color: #6b7c8f;
}

#order-standard_cart .tophost-cart-product-card__price {
	display: block;
	margin: 0.1rem 0 0;
	font-size: 1.25rem !important;
	font-weight: 700;
	line-height: 1.2;
	color: #222e3a;
}

#order-standard_cart .tophost-cart-product-card__cycle {
	display: block;
	font-size: 0.8125rem;
	font-weight: 500;
	color: #6b7c8f;
}

#order-standard_cart .tophost-cart-product-card__setup {
	display: block;
	margin-top: 0.15rem;
	font-size: 0.75rem;
	color: #6b7c8f;
}

#order-standard_cart .tophost-cart-product-card__order {
	flex-shrink: 0;
	min-height: 2.5rem;
	padding: 0.5rem 1rem;
	font-size: 0.875rem;
	font-weight: 600;
	white-space: nowrap;
	border-radius: 10px !important;
	background: #ea1010 !important;
	border-color: #ea1010 !important;
}

#order-standard_cart .tophost-cart-product-card__order:hover,
#order-standard_cart .tophost-cart-product-card__order:focus {
	background: #c90e0e !important;
	border-color: #c90e0e !important;
}

/* Cart — product addons page */
#order-standard_cart .tophost-cart-addons-body .tophost-cart-addons__page-title {
	margin-bottom: 1rem;
}

#order-standard_cart .tophost-cart-addons-body .tophost-cart-addons__page-title h1 {
	margin: 0;
	font-size: 1.75rem !important;
	font-weight: 700;
	color: #222e3a;
}

#order-standard_cart .tophost-cart-addons-empty {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	overflow: hidden;
	margin: 0;
	padding: 2.5rem 1.5rem;
	text-align: center;
	background: #fff;
	border: 1px solid #e8ecef;
	border-radius: 14px;
	box-shadow: 0 2px 12px rgba(34, 46, 58, 0.06);
}

#order-standard_cart .tophost-cart-addons-empty::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 3px;
	background: #222e3a;
}

#order-standard_cart .tophost-cart-addons-empty__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3.5rem;
	height: 3.5rem;
	font-size: 1.5rem;
	color: #6b7c8f;
	background: #f8fafb;
	border: 1px solid #e8ecef;
	border-radius: 12px;
}

#order-standard_cart .tophost-cart-addons-empty__text {
	margin: 0;
	max-width: 32rem;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.55;
	color: #4a5a6a;
}

#order-standard_cart .tophost-cart-addons-empty__back {
	min-height: 2.75rem;
	padding: 0.65rem 1.35rem;
	font-size: 0.9375rem;
	font-weight: 600;
	border-radius: 10px !important;
	background: #222e3a !important;
	border-color: #222e3a !important;
}

#order-standard_cart .tophost-cart-addons-empty__back:hover,
#order-standard_cart .tophost-cart-addons-empty__back:focus {
	background: #1c2334 !important;
	border-color: #1c2334 !important;
}

#order-standard_cart .tophost-cart-addons-grid {
	margin-top: 0.25rem;
}

#order-standard_cart .tophost-cart-addons-grid > .row {
	margin-left: -0.5rem;
	margin-right: -0.5rem;
}

#order-standard_cart .tophost-cart-addons-grid > .row > [class*="col-"] {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	margin-bottom: 1rem;
}

#order-standard_cart .tophost-cart-addon-card {
	overflow: hidden;
	height: 100%;
	margin: 0;
	background: #fff;
	border: 1px solid #e8ecef !important;
	border-radius: 14px !important;
	box-shadow: 0 2px 12px rgba(34, 46, 58, 0.06) !important;
}

#order-standard_cart .tophost-cart-addon-card__header {
	padding: 0.85rem 1.15rem !important;
	background: #222e3a !important;
	border: none !important;
}

#order-standard_cart .tophost-cart-addon-card__name {
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.35;
	color: #fff;
}

#order-standard_cart .tophost-cart-addon-card__body {
	padding: 1rem 1.15rem !important;
}

#order-standard_cart .tophost-cart-addon-card__desc {
	margin: 0 0 1rem;
	font-size: 0.875rem;
	line-height: 1.55;
	color: #6b7c8f;
}

#order-standard_cart .tophost-cart-addon-card__select {
	min-height: 2.75rem;
	font-size: 0.9375rem;
	border: 1px solid #d0d7de;
	border-radius: 10px;
	box-shadow: none;
}

#order-standard_cart .tophost-cart-addon-card__select:focus {
	border-color: #222e3a;
	box-shadow: 0 0 0 3px rgba(34, 46, 58, 0.08);
}

#order-standard_cart .tophost-cart-addon-card__footer {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	padding: 0.85rem 1.15rem 1rem !important;
	background: #f8fafb;
	border-top: 1px solid #e8ecef !important;
}

#order-standard_cart .tophost-cart-addon-card__pricing {
	margin: 0;
	text-align: left;
}

#order-standard_cart .tophost-cart-addon-card__price {
	display: block;
	font-size: 1.0625rem;
	font-weight: 700;
	color: #222e3a;
}

#order-standard_cart .tophost-cart-addon-card__setup {
	display: block;
	margin-top: 0.15rem;
	font-size: 0.75rem;
	color: #6b7c8f;
}

#order-standard_cart .tophost-cart-addon-card__submit {
	min-height: 2.5rem;
	padding: 0.5rem 1rem;
	font-size: 0.875rem;
	font-weight: 600;
	border-radius: 10px !important;
	background: #ea1010 !important;
	border-color: #ea1010 !important;
}

#order-standard_cart .tophost-cart-addon-card__submit:hover,
#order-standard_cart .tophost-cart-addon-card__submit:focus {
	background: #c90e0e !important;
	border-color: #c90e0e !important;
}

/* Order complete — confirmation page */
#order-standard_cart .tophost-order-complete-body .tophost-order-complete-page-title {
	margin-bottom: 1rem;
}

#order-standard_cart .tophost-order-complete-body .tophost-order-complete-page-title h1 {
	margin: 0;
	font-size: 1.75rem !important;
	font-weight: 700;
	color: #222e3a;
}

#order-standard_cart .tophost-order-complete-card {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 1.75rem 1.5rem 1.5rem;
	text-align: center;
	background: #fff;
	border: 1px solid #e8ecef;
	border-radius: 12px;
	box-shadow: 0 2px 12px rgba(34, 46, 58, 0.08);
}

#order-standard_cart .tophost-order-complete-card__hero {
	margin-bottom: 1.25rem;
}

@keyframes tophost-order-complete-icon-pulse {
	0% {
		box-shadow: 0 4px 14px rgba(34, 197, 94, 0.35), 0 0 0 0 rgba(34, 197, 94, 0.45);
	}

	70% {
		box-shadow: 0 4px 14px rgba(34, 197, 94, 0.35), 0 0 0 16px rgba(34, 197, 94, 0);
	}

	100% {
		box-shadow: 0 4px 14px rgba(34, 197, 94, 0.35), 0 0 0 0 rgba(34, 197, 94, 0);
	}
}

#order-standard_cart .tophost-order-complete-card__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 4rem;
	height: 4rem;
	margin-bottom: 1rem;
	font-size: 1.5rem;
	color: #fff;
	background: #22c55e;
	border-radius: 50%;
	box-shadow: 0 4px 14px rgba(34, 197, 94, 0.35);
	animation: tophost-order-complete-icon-pulse 2s ease-out infinite;
}

@media (prefers-reduced-motion: reduce) {
	#order-standard_cart .tophost-order-complete-card__icon {
		animation: none;
	}
}

#order-standard_cart .tophost-order-complete-card__lead {
	margin: 0;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.55;
	color: #222e3a;
}

#order-standard_cart .tophost-order-complete-order {
	margin: 0 0 1.25rem;
	padding: 1.15rem 1.25rem;
	background: #f8fafb;
	border: 1px solid #e8ecef;
	border-radius: 10px;
}

#order-standard_cart .tophost-order-complete-order__label {
	display: block;
	margin-bottom: 0.35rem;
	font-size: 0.875rem;
	font-weight: 600;
	color: #6c757d;
}

#order-standard_cart .tophost-order-complete-order__number {
	display: block;
	font-size: 1.75rem;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0.02em;
	color: #ea1010;
	word-break: break-all;
}

#order-standard_cart .tophost-order-complete-instructions {
	margin: 0 0 1.15rem;
	font-size: 0.875rem;
	line-height: 1.55;
	color: #6c757d;
}

#order-standard_cart .tophost-order-complete-notice {
	margin: 0 0 1rem;
	padding: 1rem 1.15rem;
	text-align: left;
	font-size: 0.875rem;
	line-height: 1.5;
	border-radius: 10px;
	border: 1px solid #e8ecef;
}

#order-standard_cart .tophost-order-complete-notice--info {
	background: #f0f6fa;
	border-left: 3px solid #222e3a;
	color: #222e3a;
}

#order-standard_cart .tophost-order-complete-notice--warning {
	background: #fff8f0;
	border-left: 3px solid #e6a817;
	color: #222e3a;
}

#order-standard_cart .tophost-order-complete-notice--danger {
	background: #fef5f5;
	border-left: 3px solid #ea1010;
	color: #222e3a;
}

#order-standard_cart .tophost-order-complete-notice__text {
	margin: 0 0 0.75rem;
}

#order-standard_cart .tophost-order-complete-notice__btn {
	font-weight: 600;
	border-radius: 8px;
	background: #ea1010 !important;
	border-color: #ea1010 !important;
}

#order-standard_cart .tophost-order-complete-notice__btn:hover,
#order-standard_cart .tophost-order-complete-notice__btn:focus {
	background: #c90e0e !important;
	border-color: #c90e0e !important;
}

#order-standard_cart .tophost-order-complete-addon {
	margin: 0 0 1rem;
	padding: 1rem;
	text-align: center;
	font-size: 0.875rem;
	background: #f8fafb;
	border: 1px dashed #d0d7de;
	border-radius: 10px;
}

#order-standard_cart .tophost-order-complete-addon:empty,
#order-standard_cart .order-confirmation-addon-output:empty {
	display: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
}

#order-standard_cart .tophost-order-complete-actions {
	margin-top: 0.5rem;
	padding-top: 1.15rem;
	border-top: 1px solid #e8ecef;
}

#order-standard_cart .tophost-order-complete-actions__primary {
	min-width: 220px;
	padding: 0.75rem 1.5rem;
	font-size: 0.9375rem;
	font-weight: 600;
	color: #fff !important;
	border-radius: 8px;
	background: #ea1010 !important;
	border-color: #ea1010 !important;
	box-shadow: 0 2px 8px rgba(234, 16, 16, 0.25);
}

#order-standard_cart .tophost-order-complete-actions__primary:hover,
#order-standard_cart .tophost-order-complete-actions__primary:focus {
	color: #fff !important;
	background: #c90e0e !important;
	border-color: #c90e0e !important;
}

#order-standard_cart .tophost-order-complete-recommendations {
	width: 100%;
	max-width: none;
	margin: 1.25rem 0 0;
}

@media (max-width: 767.98px) {
	#order-standard_cart .tophost-order-complete-card {
		padding: 1.35rem 1.15rem 1.15rem;
	}

	#order-standard_cart .tophost-order-complete-order__number {
		font-size: 1.5rem;
	}

	#order-standard_cart .tophost-order-complete-actions__primary {
		display: block;
		width: 100%;
		min-width: 0;
	}
}

#main-body {
	padding-top: 100px!important;
}

/* Legacy modern order form — services catalog */
#order-modern.tophost-order-modern {
	margin: 0;
	padding: 0 0 2.5rem;
}

#order-modern.tophost-order-modern .tophost-order-modern__layout {
	display: flex;
	align-items: flex-start;
	gap: 1.5rem;
}

#order-modern.tophost-order-modern .tophost-order-modern__aside {
	flex: 0 0 260px;
	width: 260px;
	position: sticky;
	top: 7.5rem;
}

#order-modern.tophost-order-modern .tophost-order-modern__aside-card {
	overflow: hidden;
	background: #fff;
	border: 1px solid #e8ecef;
	border-radius: 14px;
	box-shadow: 0 2px 12px rgba(34, 46, 58, 0.06);
}

#order-modern.tophost-order-modern .tophost-order-modern__aside-card::before {
	content: "";
	display: block;
	height: 3px;
	background: #222e3a;
}

#order-modern.tophost-order-modern .tophost-order-modern__aside-title {
	margin: 0;
	padding: 1rem 1.15rem 0.75rem;
	font-size: 0.6875rem;
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #6b7c8f;
}

#order-modern.tophost-order-modern .tophost-order-modern__nav-list {
	margin: 0;
	padding: 0.35rem 0.65rem 0.85rem;
	list-style: none;
}

#order-modern.tophost-order-modern .tophost-order-modern__nav-item {
	margin: 0 0 0.25rem;
}

#order-modern.tophost-order-modern .tophost-order-modern__nav-link {
	display: block;
	padding: 0.6rem 0.75rem;
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.35;
	color: #4a5a6a;
	text-decoration: none;
	border-left: 3px solid transparent;
	border-radius: 0 8px 8px 0;
	transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

#order-modern.tophost-order-modern .tophost-order-modern__nav-link:hover,
#order-modern.tophost-order-modern .tophost-order-modern__nav-link:focus {
	color: #222e3a;
	background: #f8fafb;
	text-decoration: none;
}

#order-modern.tophost-order-modern .tophost-order-modern__nav-link.is-active {
	font-weight: 600;
	color: #222e3a;
	background: #f8fafb;
	border-left-color: #ea1010;
}

#order-modern.tophost-order-modern .tophost-order-modern__main {
	flex: 1 1 auto;
	min-width: 0;
}

#order-modern.tophost-order-modern .tophost-order-modern__main-header {
	margin: 0 0 1.25rem;
	text-align: left;
}

#order-modern.tophost-order-modern .tophost-order-modern__title {
	margin: 0;
	font-size: 1.75rem !important;
	font-weight: 700;
	line-height: 1.25;
	color: #222e3a;
}

#order-modern.tophost-order-modern .tophost-order-modern__currency {
	margin: 0 0 1.25rem;
	padding: 0;
	text-align: left;
}

#order-modern.tophost-order-modern .tophost-order-modern__currency-btn {
	border-radius: 8px !important;
}

#order-modern.tophost-order-modern .tophost-order-modern__currency-btn.active {
	background: #222e3a !important;
	border-color: #222e3a !important;
	color: #fff !important;
}

#order-modern.tophost-order-modern .tophost-order-modern__products {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.25rem;
}

#order-modern.tophost-order-modern .tophost-order-modern__card.product {
	display: flex;
	flex-direction: column;
	height: 100%;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden;
	text-align: left;
	cursor: default;
	background: #fff !important;
	border: 1px solid #e8ecef !important;
	border-radius: 14px !important;
	box-shadow: 0 2px 12px rgba(34, 46, 58, 0.06) !important;
	transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

#order-modern.tophost-order-modern .tophost-order-modern__card.product::before {
	content: "";
	display: block;
	height: 3px;
	background: #ea1010;
}

#order-modern.tophost-order-modern .tophost-order-modern__card.product:hover {
	background: #fff !important;
	border-color: #d0d7de !important;
	box-shadow: 0 8px 24px rgba(34, 46, 58, 0.1) !important;
	transform: translateY(-2px);
}

#order-modern.tophost-order-modern .tophost-order-modern__card-head {
	padding: 1rem 1.15rem 0.65rem;
}

#order-modern.tophost-order-modern .tophost-order-modern__card-name.name {
	margin: 0 !important;
	font-size: 1.0625rem !important;
	font-weight: 700 !important;
	line-height: 1.35;
	color: #222e3a !important;
}

#order-modern.tophost-order-modern .tophost-order-modern__card-qty {
	display: inline-block;
	margin-top: 0.35rem;
	padding: 0.15rem 0.45rem;
	font-size: 0.6875rem;
	font-weight: 600;
	color: #6b7c8f;
	background: #f0f3f6;
	border-radius: 999px;
}

#order-modern.tophost-order-modern .tophost-order-modern__card-price.pricing {
	float: none !important;
	width: auto !important;
	margin: 0;
	padding: 0 1.15rem 0.85rem;
	font-family: inherit !important;
	font-size: inherit !important;
	line-height: inherit !important;
	text-align: left !important;
	background: #fff;
	border-bottom: 1px solid #eef2f5;
	overflow: visible;
}

#order-modern.tophost-order-modern .tophost-order-modern__card-price-inner {
	padding: 0.9rem 1rem;
	background: #f8fafb;
	border: 1px solid #e8ecef;
	border-radius: 12px;
	overflow: visible;
}

#order-modern.tophost-order-modern .tophost-order-modern__card-label {
	display: block;
	margin: 0 0 0.4rem;
	font-size: 0.6875rem;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #6b7c8f;
}

#order-modern.tophost-order-modern .tophost-order-modern__card-price-main {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.65rem;
}

#order-modern.tophost-order-modern .tophost-order-modern__card-price-values {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: 0.1rem;
	min-width: 0;
	overflow: visible;
}

#order-modern.tophost-order-modern .tophost-order-modern__card-price-current {
	display: inline-flex;
	flex: 1 1 auto;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.35rem 0.5rem;
	min-width: 0;
	overflow: visible;
	font-family: inherit !important;
	font-size: 1rem !important;
	line-height: 1.2 !important;
}

#order-modern.tophost-order-modern .tophost-order-modern__card-compare {
	display: inline !important;
	margin: 0;
	padding: 0;
	font-size: calc(0.75rem + 3px) !important;
	font-weight: 500 !important;
	line-height: 1.2 !important;
	color: #9aa8b6 !important;
	text-decoration: line-through !important;
	-webkit-text-decoration: line-through !important;
	white-space: nowrap;
	visibility: visible !important;
	opacity: 1 !important;
}

#order-modern.tophost-order-modern .tophost-order-modern__card-price-current .tophost-order-modern__card-amount,
#order-modern.tophost-order-modern .tophost-order-modern__card-price-current .tophost-order-modern__card-amount--sale {
	display: inline !important;
	margin: 0;
}

#order-modern.tophost-order-modern .tophost-order-modern__card-amount--sale {
	font-size: 1.75rem !important;
	font-weight: 700 !important;
	line-height: 1.1 !important;
	color: #222e3a !important;
	letter-spacing: -0.02em;
}

/* Fallback when hook vars are missing: raw DM / WHMCS output */
#order-modern.tophost-order-modern .tophost-order-modern__card-price-current .price {
	display: inline;
	margin: 0;
	font-size: 1.75rem;
	font-weight: 700;
	line-height: 1.1;
	color: #222e3a;
	letter-spacing: -0.02em;
}

#order-modern.tophost-order-modern .tophost-order-modern__card-price-current .price:first-of-type:not(:only-of-type) {
	font-size: calc(0.75rem + 3px);
	font-weight: 500;
	color: #9aa8b6;
	text-decoration: line-through;
}

#order-modern.tophost-order-modern .tophost-order-modern__card-price-current .price:last-of-type:not(:only-of-type) {
	font-size: 1.75rem;
	font-weight: 700;
	color: #ea1010;
}

#order-modern.tophost-order-modern .tophost-order-modern__card-price-row .tophost-order-modern__card-amount,
#order-modern.tophost-order-modern .tophost-order-modern__card-price-current > .tophost-order-modern__card-amount:not(.tophost-order-modern__card-amount--sale) {
	display: inline;
	margin: 0;
	font-size: 1.75rem;
	font-weight: 700;
	line-height: 1.1;
	color: #222e3a;
	letter-spacing: -0.02em;
}

#order-modern.tophost-order-modern .tophost-order-modern__card-amount--text {
	font-size: 1.25rem;
	color: #ea1010;
}

#order-modern.tophost-order-modern .tophost-order-modern__card-cycle-badge {
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
	margin-left: auto;
	padding: 0.3rem 0.6rem;
	font-size: 0.6875rem;
	font-weight: 600;
	line-height: 1.2;
	color: #222e3a;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	background: #fff;
	border: 1px solid #d0d7de;
	border-radius: 999px;
	white-space: nowrap;
}

#order-modern.tophost-order-modern .tophost-order-modern__card-setup {
	display: block;
	margin: 0.5rem 0 0;
	padding-top: 0.45rem;
	font-size: 0.75rem;
	line-height: 1.35;
	color: #6b7c8f;
	border-top: 1px dashed #e8ecef;
}

#order-modern.tophost-order-modern .tophost-order-modern__card-price-inner .price-suffix {
	display: none !important;
}

#order-modern.tophost-order-modern .tophost-order-modern__card-features {
	flex: 1 1 auto;
	margin: 0;
	padding: 0.75rem 1.15rem;
	list-style: none;
}

#order-modern.tophost-order-modern .tophost-order-modern__card-features li {
	display: flex;
	align-items: center;
	gap: 0.45rem;
	margin: 0 0 0.5rem;
	font-size: 0.875rem;
	line-height: 1.35;
	color: #4a5a6a;
}

#order-modern.tophost-order-modern .tophost-order-modern__card-check {
	flex-shrink: 0;
	width: 0.875rem;
	font-size: 0.75rem;
	line-height: 1;
	color: #ea1010;
	text-align: center;
}

#order-modern.tophost-order-modern .tophost-order-modern__card-feature-text {
	display: inline;
	min-width: 0;
	line-height: 1.35;
}

#order-modern.tophost-order-modern .tophost-order-modern__card-feature-value {
	display: inline;
	font-weight: 700;
	color: #222e3a;
}

#order-modern.tophost-order-modern .tophost-order-modern__card-feature-label {
	display: inline;
	color: #4a5a6a;
}

#order-modern.tophost-order-modern .tophost-order-modern__card-feature-label:not(:empty)::before {
	content: " ";
}

#order-modern.tophost-order-modern .prodfeature {
	display: none !important;
}

#order-modern.tophost-order-modern .tophost-order-modern__card-desc.description {
	flex: 1 1 auto;
	margin: 0;
	padding: 0.75rem 1.15rem;
	font-size: 0.8125rem;
	line-height: 1.55;
	text-align: left;
	color: #6b7c8f;
}

#order-modern.tophost-order-modern .tophost-order-modern__card-desc.description br {
	display: none;
}

#order-modern.tophost-order-modern .tophost-order-modern__card-desc.description h3 {
	margin: 0 0 0.65rem;
	padding: 0;
	font-size: 1.0625rem;
	font-weight: 700;
	line-height: 1.35;
	text-align: center;
	color: #222e3a;
}

#order-modern.tophost-order-modern .tophost-order-modern__card-desc.description ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#order-modern.tophost-order-modern .tophost-order-modern__card-desc.description li {
	display: flex;
	align-items: center;
	gap: 0.45rem;
	margin: 0 0 0.45rem;
	padding: 0;
	list-style: none;
	font-size: 0.875rem;
	line-height: 1.35;
	color: #4a5a6a;
}

#order-modern.tophost-order-modern .tophost-order-modern__card-desc.description li::before {
	content: "\f00c";
	flex-shrink: 0;
	width: 0.875rem;
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	font-size: 0.75rem;
	line-height: 1;
	text-align: center;
	color: #ea1010;
	-webkit-font-smoothing: antialiased;
}

#order-modern.tophost-order-modern .tophost-order-modern__card-desc.description li strong {
	display: inline;
	font-weight: 700;
	color: #222e3a;
}

#order-modern.tophost-order-modern .tophost-order-modern__card-desc.description li strong:not(:empty)::after {
	content: " ";
}

#order-modern.tophost-order-modern .tophost-order-modern__card-desc.description li small {
	color: #6b7c8f !important;
}

#order-modern.tophost-order-modern .tophost-order-modern__card-footer {
	margin-top: auto;
	padding: 0 1.15rem 1.15rem;
	text-align: center !important;
}

#order-modern.tophost-order-modern .tophost-order-modern__card-order {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.4rem;
	width: 100%;
	min-height: 2.75rem;
	padding: 0.6rem 1rem;
	font-size: 0.9375rem;
	font-weight: 600;
	border-radius: 10px !important;
	background: #ea1010 !important;
	border-color: #ea1010 !important;
	box-shadow: none !important;
}

#order-modern.tophost-order-modern .tophost-order-modern__card-order:hover,
#order-modern.tophost-order-modern .tophost-order-modern__card-order:focus {
	background: #c90e0e !important;
	border-color: #c90e0e !important;
}

.call-to-action,
.call-to-action-full {
	background: #ea1010;
}

.tophost-cta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 1.5rem 2rem;
	padding: 2rem 0;
}

.tophost-cta__item {
	display: flex;
	align-items: center;
	gap: 0.85rem;
	min-width: 0;
}

.tophost-cta__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 2.75rem;
	height: 2.75rem;
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.18);
	color: #fff;
	font-size: 1.125rem;
}

.tophost-cta__text {
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
	min-width: 0;
}

.tophost-cta__label {
	font-size: 0.6875rem;
	font-weight: 600;
	line-height: 1.35;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.92);
}

.tophost-cta__value {
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.3;
	color: #fff;
	white-space: nowrap;
	transition: opacity 0.2s ease;
}

.tophost-cta__value:hover,
.tophost-cta__value:focus {
	color: #fff;
	opacity: 0.88;
	text-decoration: none;
}

.tophost-cta__divider {
	flex-shrink: 0;
	align-self: stretch;
	width: 1px;
	min-height: 3.25rem;
	margin: 0 0.25rem;
	background: rgba(255, 255, 255, 0.28);
}

.tophost-cta__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0.75rem;
}

.tophost-cta__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	padding: 0.7rem 1.35rem;
	font-size: 0.9375rem;
	font-weight: 600;
	line-height: 1.25;
	border-radius: 8px;
	white-space: nowrap;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.tophost-cta__btn--primary {
	color: #ea1010 !important;
	background: #fff;
	border: 1px solid #fff;
	box-shadow: 0 2px 8px rgba(34, 46, 58, 0.12);
}

.tophost-cta__btn--primary:hover,
.tophost-cta__btn--primary:focus {
	color: #c90e0e !important;
	background: #fff;
	border-color: #fff;
	box-shadow: 0 4px 14px rgba(34, 46, 58, 0.16);
	text-decoration: none;
}

.tophost-cta__btn--outline {
	color: #fff !important;
	background: transparent;
	border: 1px solid #fff;
	box-shadow: none;
}

.tophost-cta__btn--outline:hover,
.tophost-cta__btn--outline:focus {
	color: #fff !important;
	background: rgba(255, 255, 255, 0.1);
	border-color: #fff;
	text-decoration: none;
}

@media (max-width: 991.98px) {
	.tophost-cta {
		flex-direction: column;
		align-items: stretch;
		gap: 1.25rem;
		padding: 1.75rem 0;
	}

	.tophost-cta__item {
		justify-content: center;
	}

	.tophost-cta__divider {
		width: 100%;
		min-height: 0;
		height: 1px;
		margin: 0;
	}

	.tophost-cta__actions {
		flex-direction: column;
		width: 100%;
	}

	.tophost-cta__btn {
		width: 100%;
		max-width: 320px;
		margin: 0 auto;
	}
}

.btn-outline {
	color: #fff;
	border: 1px solid #fff !important;
	background: transparent;
	box-shadow: none;
}

.btn-outline:hover {
	background: #1c2334;
	color: #fff;
	border: 1px solid #1c2334 !important;
	box-shadow: 0 4px 14px rgba(34, 46, 58, 0.18);
}

.btn-large {
	font-size: 15px;
	padding: 14px 42px 14px;
}

.dark-footer {
    background: #222e3a;
    padding: 40px 0 0;
    font-size: 13px;
}
	.dark-footer h4 {
	    color: #f2f2f2;
	    font-weight: 600;
		font-size: 15px;
		margin-bottom: 20px;
	}
	
	.dark-footer a {
	    color: #59626b;
	    line-height: 30px;
		font-size: 13px;
	}
		.dark-footer a:hover {
			color: #fff;
		}
	
	footer.dark-footer .img-footer {
	    height: 80px;
	    margin-bottom: 30px;
	    margin-top: 30px;
	}
	
	footer.dark-footer ul {
	    padding-left: 0;
	}

	footer.dark-footer li {
		list-style: none;
		font-size: 14px;
	}
	
		footer.dark-footer li::before {
		    content: "\f105";
		    font-family: "Font Awesome 5 Pro";
		    font-weight: 900;
		    font-size: 10px;
		    padding-right: 5px;
		    color: #ea1010;
		}
	
	footer .location-info h5 {
	    color: #fff;
	    font-size: 13px;
	}
		footer .location-info i {
		    color: #ea1010;
		    padding-right: 3px;
		}
		
	
	.quick-links {
	    padding-top: 25px;
	    border-top: 1px solid rgba(255,255,255,.1);
	    margin-top: 15px;
	}
		.quick-links li {
		    display: inline-block;
		    line-height: normal;
		    margin: 0;
		    width: 19%;
		    text-align: center;
		    height: 40px;
		    list-style: none;
		}
			.quick-links li::before {
				content: none!important;
			}
			
			.quick-links li img {
			    height: 90%;
			    margin: 0 auto;
			    opacity: .8;
			}
			.quick-links li img:hover {
			    opacity: 1;
			}
			
	footer .social-media i {
	    margin: 0 2px 0;
	    border: 1px solid rgba(255,255,255,.2);
	    width: 33px;
	    height: 30px;
	    border-radius: 3px;
	    line-height: 30px;
	    text-align: center;
	}

.under-footer {
    padding: 25px 0 20px;
    background: #151d25;
    color: #59626b;
}
	.under-footer a {
	    display: inline-block;
	    margin-right: 25px;
	    font-size: 13px;
	    color: #59626b;
	}
		.under-footer a:hover {
			color: #fff;
		}
		
	.copyright {
		font-size: 13px;
	}
		

.custom-width {
    width: 1250px;
    margin: auto;
    display: block;
}

a, a:hover {
    text-decoration: none;
}

/* Configure product (frmConfigureProduct) */
#order-standard_cart .tophost-configure-product__row-outer > .cart-body.tophost-configure-product {
	float: none;
	width: 100%;
	max-width: 100%;
	flex: 0 0 100%;
	padding-left: 15px;
	padding-right: 15px;
}

#order-standard_cart .tophost-configure-product__intro {
	margin: 0 0 1.15rem;
	font-size: 0.9375rem;
	line-height: 1.55;
	color: #4a5a6a;
}

#order-standard_cart .tophost-configure-product-card.product-info {
	margin: 0 0 1.35rem !important;
	padding: 0;
	overflow: hidden;
	background: #fff;
	border: 1px solid #e8ecef;
	border-radius: 14px;
	box-shadow: 0 2px 12px rgba(34, 46, 58, 0.06);
}

#order-standard_cart .tophost-configure-product-card::before {
	content: "";
	display: block;
	height: 3px;
	background: #ea1010;
}

#order-standard_cart .tophost-configure-product-card__title.product-title {
	margin: 0;
	padding: 0.85rem 1.15rem;
	font-size: 1.125rem !important;
	font-weight: 700 !important;
	line-height: 1.35;
	text-align: center !important;
	color: #222e3a !important;
	background: #f8fafb;
	border-bottom: 1px solid #e8ecef;
}

#order-standard_cart .tophost-configure-product-card__desc {
	padding: 0.75rem 1.15rem 1rem;
	font-size: 0.8125rem;
	line-height: 1.35;
	color: #4a5a6a;
}

#order-standard_cart .tophost-configure-product-card__desc br {
	display: none;
}

#order-standard_cart .tophost-configure-product-card__desc p {
	margin: 0 0 0.35rem;
}

#order-standard_cart .tophost-configure-product-card__desc h3 {
	margin: 0 0 0.5rem;
	padding: 0;
	font-size: 1.0625rem;
	font-weight: 700;
	line-height: 1.35;
	text-align: center;
	color: #222e3a;
}

#order-standard_cart .tophost-configure-product-card__desc ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#order-standard_cart .tophost-configure-product-card__desc li {
	position: relative;
	display: block;
	margin: 0 0 0.3rem;
	padding: 0 0 0 1.25rem;
	font-size: 0.875rem;
	line-height: 1.3;
	text-align: left !important;
	color: #4a5a6a;
}

#order-standard_cart .tophost-configure-product-card__desc li:last-child {
	margin-bottom: 0;
}

#order-standard_cart .tophost-configure-product-card__desc li::before {
	content: "\f00c";
	position: absolute;
	left: 0;
	top: 0.12rem;
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	font-size: 0.75rem;
	line-height: 1;
	color: #ea1010;
	-webkit-font-smoothing: antialiased;
}

#order-standard_cart .tophost-configure-product-card__desc li strong {
	display: inline;
	font-weight: 700;
	color: #222e3a;
}

#order-standard_cart .tophost-configure-product-card__desc li strong:not(:empty)::after {
	content: " ";
}

#order-standard_cart .tophost-configure-product-card__desc li small {
	color: #6b7c8f !important;
}

#order-standard_cart .tophost-configure-product__main .sub-heading.tophost-configure-product__section-head {
	height: auto;
	margin: 1.35rem 0 0.85rem;
	border-top: 0;
	text-align: left;
}

#order-standard_cart .tophost-configure-product__main .sub-heading.tophost-configure-product__section-head span {
	position: static;
	display: block;
	padding: 0;
	font-size: 0.8125rem;
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #222e3a !important;
}

#order-standard_cart .tophost-configure-product__main .sub-heading.tophost-configure-product__section-head span small,
#order-standard_cart .tophost-configure-product__main .sub-heading.tophost-configure-product__section-head span i {
	font-size: 0.75rem;
	font-weight: 500;
	font-style: normal;
	text-transform: none;
	letter-spacing: 0;
	color: #6b7c8f;
}

#order-standard_cart .tophost-configure-product__fields {
	margin-bottom: 0.5rem;
	padding: 1rem 1.15rem;
	background: #f8fafb;
	border: 1px solid #e8ecef;
	border-radius: 12px;
}

#order-standard_cart .tophost-configure-product__fields .form-group {
	margin-bottom: 1rem;
}

#order-standard_cart .tophost-configure-product__fields .form-group:last-child {
	margin-bottom: 0;
}

#order-standard_cart .tophost-configure-product__fields label {
	margin-bottom: 0.4rem;
	font-size: 0.8125rem;
	font-weight: 600;
	color: #222e3a;
}

#order-standard_cart .tophost-configure-product__fields .form-control,
#order-standard_cart .tophost-configure-product__options .form-control {
	min-height: 2.75rem;
	padding: 0.65rem 0.85rem;
	font-size: 0.9375rem;
	color: #222e3a;
	background: #fff;
	border: 1px solid #d0d7de;
	border-radius: 10px;
	box-shadow: none;
}

#order-standard_cart .tophost-configure-product__fields .form-control:focus,
#order-standard_cart .tophost-configure-product__options .form-control:focus {
	border-color: #222e3a;
	box-shadow: 0 0 0 3px rgba(34, 46, 58, 0.08);
}

#order-standard_cart .tophost-configure-product__fields .select-inline,
#order-standard_cart .tophost-configure-product__fields #inputBillingcycle {
	display: block !important;
	width: 100% !important;
	max-width: 100%;
}

#order-standard_cart .tophost-configure-product__fields .form-group > br {
	display: none;
}

#order-standard_cart .tophost-configure-product__fields .tophost-configure-product__field-col--full {
	flex: 0 0 100%;
	max-width: 100%;
	width: 100%;
}

#order-standard_cart .tophost-configure-product__server-fields > .tophost-configure-product__field-col--full:first-child {
	margin-bottom: 1rem;
}

#order-standard_cart .tophost-configure-product__server-fields .form-control,
#order-standard_cart .tophost-configure-product__password-field .form-control {
	width: 100%;
	max-width: 100%;
}

#order-standard_cart .tophost-configure-product__password-field {
	display: flex;
	align-items: stretch;
	gap: 0.5rem;
}

#order-standard_cart .tophost-configure-product__password-field .form-control {
	flex: 1 1 auto;
	min-width: 0;
}

#order-standard_cart .tophost-configure-product__password-actions {
	display: flex;
	flex-shrink: 0;
	gap: 0.35rem;
}

#order-standard_cart .tophost-configure-product__password-generate,
#order-standard_cart .tophost-configure-product__password-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.35rem;
	min-height: 2.75rem;
	padding: 0 0.85rem;
	font-size: 0.8125rem;
	font-weight: 600;
	line-height: 1.2;
	color: #222e3a;
	background: #f8fafb;
	border: 1px solid #d0d7de;
	border-radius: 10px;
	box-shadow: none;
	transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
}

#order-standard_cart .tophost-configure-product__password-generate:hover,
#order-standard_cart .tophost-configure-product__password-generate:focus,
#order-standard_cart .tophost-configure-product__password-toggle:hover,
#order-standard_cart .tophost-configure-product__password-toggle:focus {
	color: #fff;
	background: #222e3a;
	border-color: #222e3a;
	outline: none;
}

#order-standard_cart .tophost-configure-product__password-generate i,
#order-standard_cart .tophost-configure-product__password-toggle i {
	font-size: 0.9375rem;
}

#order-standard_cart .tophost-configure-product__options {
	margin-bottom: 0.5rem;
	padding: 1rem 1.15rem 0.35rem;
	background: #fff;
	border: 1px solid #e8ecef;
	border-radius: 12px;
}

#order-standard_cart .tophost-configure-product__options .form-group {
	margin-bottom: 1rem;
}

#order-standard_cart .tophost-configure-product__options .tophost-configure-product__option-col--full {
	flex: 0 0 100%;
	max-width: 100%;
	width: 100%;
}

#order-standard_cart .tophost-configure-product__options .tophost-configure-product__option-select .form-control,
#order-standard_cart .tophost-configure-product__options .tophost-configure-product__option-select select {
	display: block;
	width: 100% !important;
	max-width: 100%;
}

#order-standard_cart .tophost-configure-product__options .form-group label {
	font-size: 0.8125rem;
	font-weight: 600;
	color: #222e3a;
}

#order-standard_cart .tophost-configure-product__options .iradio_square-blue {
	width: 18px !important;
	height: 18px !important;
	margin-right: 0.35rem !important;
	background: #fff !important;
	background-image: none !important;
	border: 2px solid #d0d7de;
	border-radius: 50%;
}

#order-standard_cart .tophost-configure-product__options .iradio_square-blue.checked {
	background: #222e3a !important;
	background-image: none !important;
	border-color: #222e3a;
	box-shadow: inset 0 0 0 3px #fff;
}

#order-standard_cart .tophost-configure-product__template-col {
	margin-bottom: 1.25rem;
	padding-bottom: 1.25rem;
	border-bottom: 1px solid #e8ecef;
}

#order-standard_cart .tophost-configure-product__template-picker {
	margin-bottom: 0;
}

#order-standard_cart .tophost-configure-product__template-picker-title {
	display: block;
	margin-bottom: 0.75rem;
	font-size: 0.8125rem;
	font-weight: 600;
	color: #222e3a;
}

#order-standard_cart .tophost-configure-product__template-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(9.5rem, 1fr));
	gap: 0.75rem;
}

#order-standard_cart .tophost-configure-product__template-card {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.45rem;
	margin: 0;
	padding: 0.85rem 0.65rem 0.75rem;
	text-align: center;
	cursor: pointer;
	background: #fff;
	border: 1px solid #e8ecef;
	border-radius: 12px;
	box-shadow: 0 2px 8px rgba(34, 46, 58, 0.04);
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

#order-standard_cart .tophost-configure-product__template-card:hover {
	border-color: #d0d7de;
	box-shadow: 0 4px 14px rgba(34, 46, 58, 0.08);
}

#order-standard_cart .tophost-configure-product__template-card.is-selected,
#order-standard_cart .tophost-configure-product__template-card:has(.tophost-configure-product__template-input:checked) {
	border-color: #222e3a;
	box-shadow: 0 0 0 1px #222e3a;
}

#order-standard_cart .tophost-configure-product__template-input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

#order-standard_cart .tophost-configure-product__template-card-media {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 4rem;
	height: 4rem;
}

#order-standard_cart .tophost-configure-product__template-card-media img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
}

#order-standard_cart .tophost-configure-product__template-card-label {
	display: block;
	font-size: 0.8125rem;
	font-weight: 600;
	line-height: 1.3;
	color: #222e3a;
	word-break: break-word;
}

#order-standard_cart .tophost-configure-product__template-card-desc {
	display: block;
	font-size: 0.75rem;
	line-height: 1.35;
	color: #6c757d;
	word-break: break-word;
}

#order-standard_cart .tophost-configure-product__addons {
	margin-top: 0.25rem;
}

#order-standard_cart .tophost-configure-addon-card.panel-addon {
	overflow: hidden;
	margin-bottom: 1rem;
	text-align: left;
	background: #fff;
	border: 1px solid #e8ecef !important;
	border-radius: 12px;
	box-shadow: 0 2px 8px rgba(34, 46, 58, 0.05);
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

#order-standard_cart .tophost-configure-addon-card.panel-addon:hover {
	border-color: #d0d7de !important;
	box-shadow: 0 4px 14px rgba(34, 46, 58, 0.08);
}

#order-standard_cart .tophost-configure-addon-card.panel-addon-selected {
	border-color: #222e3a !important;
	box-shadow: 0 0 0 1px #222e3a;
}

#order-standard_cart .tophost-configure-addon-card .panel-body.card-body {
	padding: 1rem 1rem 0.65rem;
}

#order-standard_cart .tophost-configure-addon-card .panel-body label {
	font-size: 0.9375rem;
	font-weight: 700;
	color: #222e3a;
}

#order-standard_cart .tophost-configure-addon-card .panel-price {
	padding: 0.55rem 1rem;
	font-size: 0.875rem;
	font-weight: 600;
	color: #222e3a;
	background: #f8fafb;
	border-top: 1px solid #eef2f5;
}

#order-standard_cart .tophost-configure-addon-card .panel-add {
	padding: 0.55rem 1rem;
	font-size: 0.8125rem;
	font-weight: 600;
	color: #fff;
	background: #222e3a;
	border-radius: 0;
}

#order-standard_cart .tophost-configure-addon-card.panel-addon-selected .panel-add {
	background: #ea1010;
}

#order-standard_cart .tophost-configure-product__help {
	margin-top: 1.25rem;
	padding: 0.85rem 1rem;
	font-size: 0.8125rem;
	line-height: 1.45;
	color: #4a5a6a;
	background: #f8fafb;
	border: 1px solid #e8ecef;
	border-radius: 10px;
}

#order-standard_cart .tophost-configure-product__continue-btn {
	min-width: 12rem;
	padding: 0.75rem 1.5rem;
	font-weight: 600;
	color: #fff !important;
	background: #ea1010 !important;
	border-color: #ea1010 !important;
	border-radius: 10px;
}

#order-standard_cart .tophost-configure-product__continue-btn:hover,
#order-standard_cart .tophost-configure-product__continue-btn:focus {
	color: #fff !important;
	background: #c90e0e !important;
	border-color: #c90e0e !important;
}

#order-standard_cart #containerProductValidationErrors {
	border-radius: 10px;
}

@media (max-width: 991.98px) {
	#order-standard_cart .tophost-configure-product__sidebar {
		margin-top: 1.25rem;
	}
}

@media only screen and (max-width: 991.98px) {
	#order-modern.tophost-order-modern .tophost-order-modern__layout {
		flex-direction: column;
		gap: 1rem;
		width: 100%;
	}

	#order-modern.tophost-order-modern .tophost-order-modern__aside {
		display: none !important;
	}

	#order-modern.tophost-order-modern .tophost-order-modern__main {
		flex: 1 1 100%;
		width: 100%;
		max-width: 100%;
		min-width: 0;
	}
}

#order-standard_cart .cart-body.tophost-configure-product .sidebar-collapsed {
	display: none !important;
}

@media only screen and (max-width:767px) {
	#order-modern.tophost-order-modern .tophost-order-modern__products {
		grid-template-columns: minmax(0, 1fr);
	}
	
	.nav-justified .nav-item, .nav-justified > .nav-link {
		flex-basis: auto;
	}
	
	.custom-width {
	    padding: 0 20px;
	    width: auto;
		margin: auto;
		display: block;
	}
	
	.hidden-xs {
	    display: none !important;
	}
	
	.quick-links li img {
	    height: 50%;
	}
	
	.social-media {
	    display: flex;
	    justify-content: space-between;
	}
	
	.d-xs-none {
		display: none;
	}
	
	.xs-block {
		margin-bottom: 10px;
	}
	
	.xs-block, .top-bar .btn-danger {
		display: block!important;
		width: 100%!important;
	}
	
}

.vpsTemplate {
	width: 100%; 
	background: #fff; 
	padding: 1rem; 
	text-align: center; 
	border: 1px solid #dedede; 
	box-shadow: 0 5px 30px rgba(73,61,94,.07); 
	position: relative;
	margin: 0px;
	margin-bottom: 10px;
	min-height: 140px;
	display: flex!important;
	flex-direction: column;
	align-content: center;
	align-items: center;
	justify-content: center;
}

.vpsTemplate input[type="radio"] {
	position: absolute;
	top: 10px;
	left: 10px;
}


.vpsTemplate:hover {
	box-shadow: 0 5px 30px rgba(73,61,94,.2); 
}

#order-standard_cart label {
    display: block;
}


div[menuItemName="Choose Currency"] { display: none !important; }
.currencychooser { display: none !important; }

#inputCurrency, label[for="inputCurrency"] { display: none !important; }
#inputCurrency.field.form-control { display: none !important; }

div.col-sm-6:has(#inputCurrency) { display: none !important; }
div.col-sm-6:has(#inputCurrency) { display: none !important; }

/* Homepage hero */
.tophost-home-hero {
	position: relative;
	width: 100%;
	min-height: 520px;
	display: flex;
	align-items: center;
	overflow: hidden;
	background-color: #111;
}

.tophost-home-hero__media {
	position: absolute;
	inset: 0;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.tophost-home-hero__overlay {
	position: absolute;
	inset: 0;
	border-top: 1px solid #151d25;
	border-bottom: 1px solid #151d25;
	background: linear-gradient(
		to right,
		rgba(0, 0, 0, 0.82) 0%,
		rgba(0, 0, 0, 0.45) 38%,
		rgba(0, 0, 0, 0.12) 62%,
		transparent 100%
	);
}

.tophost-home-hero__content {
	position: relative;
	z-index: 1;
	width: 100%;
	padding: 4.5rem 15px;
}

.tophost-home-hero__title {
	margin: 0 0 1.25rem;
	max-width: 50%;
	font-size: clamp(1.75rem, 3.2vw, 2.5rem);
	font-weight: 700;
	line-height: 1.2;
	color: #fff;
}

.tophost-home-hero__subtitle {
	margin: 0;
	max-width: 50%;
	font-size: clamp(0.95rem, 1.5vw, 1.1rem);
	line-height: 1.65;
	color: rgba(255, 255, 255, 0.92);
}

.tophost-home-hero__cta {
	margin-top: 1.75rem;
	padding: 0.75rem 1.75rem;
	font-size: 1rem;
	font-weight: 600;
	background: #ea1010 !important;
	border-color: #ea1010 !important;
	border-radius: 8px;
}

.tophost-home-hero__cta:hover,
.tophost-home-hero__cta:focus {
	background: #c90e0e !important;
	border-color: #c90e0e !important;
	color: #fff;
}

.tophost-home-hero__cta .fa-arrow-right {
	margin-left: 0.5rem;
}

@media (max-width: 767.98px) {
	.tophost-home-hero {
		min-height: 400px;
	}

	.tophost-home-hero__content {
		padding: 3rem 15px;
	}

	.tophost-home-hero__title,
	.tophost-home-hero__subtitle {
		max-width: 100%;
	}

	.tophost-home-hero__overlay {
		background: linear-gradient(
			to bottom,
			rgba(0, 0, 0, 0.78) 0%,
			rgba(0, 0, 0, 0.4) 50%,
			transparent 100%
		);
	}
}

/* Homepage domain search — below hero */
.home-domain-search {
	background: #222e3a;
	color: #fff;
	padding: 2.75rem 0;
	margin: 0;
	border: 0;
}

.home-domain-search__row {
	min-height: 120px;
}

.home-domain-search__title {
	margin: 0 0 0.75rem;
	font-size: 26px;
	font-weight: 700;
	line-height: 1.25;
	color: #fff;
}

.home-domain-search__lead {
	margin: 0.75rem 0 0;
	font-size: 14px;
	line-height: 1.55;
	color: rgba(255, 255, 255, 0.88);
	max-width: 28rem;
}

.home-domain-search__pill {
	display: flex;
	align-items: stretch;
	background: #fff;
	border-radius: 999px;
	overflow: hidden;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

.home-domain-search__input {
	flex: 1 1 auto;
	border: 0;
	border-radius: 999px 0 0 999px !important;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	padding: 0.9rem 1.25rem;
	font-size: 1rem;
	color: #222e3a;
	min-height: 52px;
	box-shadow: none !important;
}

.home-domain-search__input::placeholder {
	color: #9aa5b1;
}

.home-domain-search__input:focus {
	outline: 0;
	box-shadow: none !important;
}

.home-domain-search__pill .home-domain-search__submit.btn,
.home-domain-search__pill .home-domain-search__submit.btn.btn-danger,
#frmDomainHomepage #btnDomainSearch.home-domain-search__submit {
	flex: 0 0 auto;
	border: 0 !important;
	border-radius: 0 !important;
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	padding: 0 2rem;
	font-size: 1rem;
	font-weight: 600;
	min-height: 52px;
	white-space: nowrap;
}

.home-domain-search__pill .home-domain-search__submit.btn:hover,
.home-domain-search__pill .home-domain-search__submit.btn:focus,
#frmDomainHomepage #btnDomainSearch.home-domain-search__submit:hover,
#frmDomainHomepage #btnDomainSearch.home-domain-search__submit:focus {
	background: #c90e0e !important;
	border-radius: 0 !important;
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

.home-domain-search__tlds {
	list-style: none;
	margin: 1rem 0 0;
	padding: 0 0.5rem;
	display: flex;
	flex-wrap: wrap;
	gap: 1.25rem 1.75rem;
}

.home-domain-search__tlds li {
	margin: 0;
	padding: 0;
}

.home-domain-search__tlds span {
	font-size: 1rem;
	font-weight: 600;
	color: #fff;
	letter-spacing: 0.02em;
}

.home-domain-search__actions {
	margin-top: 0.75rem;
	padding: 0 0.5rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem 1.25rem;
}

.home-domain-search__link,
.home-domain-search__link-btn {
	font-size: 0.875rem;
	color: rgba(255, 255, 255, 0.85);
	background: transparent;
	border: 0;
	padding: 0;
	text-decoration: underline;
	cursor: pointer;
}

.home-domain-search__link:hover,
.home-domain-search__link-btn:hover {
	color: #fff;
}

.home-domain-search .domainchecker-homepage-captcha {
	margin-top: 1rem;
}

.home-domain-search .domainchecker-homepage-captcha .form-group {
	margin-bottom: 0;
}

@media (max-width: 991.98px) {
	.home-domain-search {
		padding: 2rem 0;
	}

	.home-domain-search__intro {
		margin-bottom: 1.5rem;
		text-align: center;
	}

	.home-domain-search__lead {
		margin-left: auto;
		margin-right: auto;
	}

	.home-domain-search__tlds {
		justify-content: center;
	}

	.home-domain-search__actions {
		justify-content: center;
	}
}

@media (max-width: 575.98px) {
	.home-domain-search__pill {
		flex-direction: column;
		border-radius: 12px;
	}

	.home-domain-search__input {
		border-radius: 12px 12px 0 0 !important;
		min-height: 48px;
	}

	.home-domain-search__pill .home-domain-search__submit.btn,
	#frmDomainHomepage #btnDomainSearch.home-domain-search__submit {
		width: 100%;
		border-radius: 0 0 12px 12px !important;
		border-top-left-radius: 0 !important;
		border-top-right-radius: 0 !important;
		min-height: 48px;
	}
}

/* Homepage sections — titles + quick actions */
.tophost-home-section {
	margin-bottom: 3rem;
	padding-top: 0.5rem;
}

.tophost-home-section--products {
	margin-bottom: 2.5rem;
}

.tophost-home-section__title,
.home-section-title {
	margin: 0 0 1.75rem;
	padding-bottom: 0.85rem;
	font-size: 1.5rem;
	font-weight: 700;
	text-align: center;
	color: #222e3a;
	position: relative;
}

.tophost-home-section__title::after,
.home-section-title::after {
	content: "";
	display: block;
	width: 48px;
	height: 3px;
	margin: 0.75rem auto 0;
	background: #ea1010;
	border-radius: 2px;
}

.tophost-home-actions {
	margin-bottom: 0;
}

.tophost-home-actions > [class*="col"] {
	display: flex;
}

.tophost-home-action {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 132px;
	padding: 1.25rem 1rem;
	text-align: center;
	text-decoration: none !important;
	color: #222e3a;
	background: #fff;
	border: 1px solid #e8ecef;
	border-radius: 12px;
	box-shadow: 0 4px 14px rgba(34, 46, 58, 0.06);
	transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
	position: relative;
	overflow: hidden;
}

.tophost-home-action::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(90deg, #ea1010 0%, #ff4d4d 100%);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.22s ease;
}

.tophost-home-action:hover,
.tophost-home-action:focus {
	color: #222e3a;
	border-color: #d0d7de;
	box-shadow: 0 10px 24px rgba(34, 46, 58, 0.12);
	transform: translateY(-3px);
}

.tophost-home-action:hover::before,
.tophost-home-action:focus::before {
	transform: scaleX(1);
}

.tophost-home-action__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	margin-bottom: 0.85rem;
	border-radius: 50%;
	background: linear-gradient(145deg, #222e3a 0%, #2d3d4d 100%);
	color: #fff;
	font-size: 1.35rem;
	transition: background 0.22s ease, transform 0.22s ease;
}

.tophost-home-action:hover .tophost-home-action__icon,
.tophost-home-action:focus .tophost-home-action__icon {
	background: linear-gradient(145deg, #ea1010 0%, #c90e0e 100%);
	transform: scale(1.05);
}

.tophost-home-action__label {
	font-size: 0.9375rem;
	font-weight: 600;
	line-height: 1.35;
}

/* Legacy action-icon-btns — neutralize theme defaults when mixed */
.action-icon-btns .tophost-home-action {
	margin: 0;
}

@media (max-width: 575.98px) {
	.tophost-home-section {
		margin-bottom: 2.25rem;
	}

	.tophost-home-section__title,
	.home-section-title {
		font-size: 1.25rem;
	}

	.tophost-home-action {
		min-height: 118px;
		padding: 1rem 0.75rem;
	}

	.tophost-home-action__icon {
		width: 44px;
		height: 44px;
		font-size: 1.15rem;
		margin-bottom: 0.65rem;
	}

	.tophost-home-action__label {
		font-size: 0.875rem;
	}
}

/* Homepage product / service cards — equal height grid */
.home-section-title {
	font-weight: 600;
	color: #222e3a;
}

.home-product-cards {
	margin-bottom: 1rem;
}

.home-product-card {
	position: relative;
	border: 1px solid #e8ecf0;
	border-radius: 12px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 4px 18px rgba(34, 46, 58, 0.08);
	transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
	height: 100%;
}

.home-product-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 28px rgba(34, 46, 58, 0.14);
	border-color: #d0d7de;
}

.home-product-card__accent {
	height: 4px;
	background: linear-gradient(90deg, #ea1010 0%, #ff4d4d 100%);
}

.home-product-card .card-body {
	padding: 1.75rem 1.5rem 1.5rem;
	min-height: 280px;
}

.home-product-card__icon {
	width: 64px;
	height: 64px;
	margin: 0 auto 1.25rem;
	border-radius: 50%;
	background: linear-gradient(145deg, #222e3a 0%, #2d3d4d 100%);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.65rem;
	box-shadow: 0 6px 16px rgba(34, 46, 58, 0.2);
}

.home-product-card__title {
	font-size: 1.15rem;
	font-weight: 600;
	color: #222e3a;
	margin: 0 0 0.75rem;
	line-height: 1.35;
}

.home-product-card__tagline {
	flex: 1 1 auto;
	margin: 0 0 1.25rem;
	font-size: 0.9375rem;
	line-height: 1.55;
	color: #5c6b7a;
	min-height: 4.65em;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.home-product-card__tagline--empty {
	visibility: hidden;
}

.home-product-card__btn {
	font-weight: 600;
	padding: 0.65rem 1rem;
	border-radius: 8px !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.home-product-card__btn .fa-arrow-right {
	font-size: 0.85em;
	transition: transform 0.2s ease;
}

.home-product-card:hover .home-product-card__btn .fa-arrow-right {
	transform: translateX(4px);
}

@media (min-width: 992px) {
	.home-product-card .card-body {
		min-height: 300px;
	}
}

/* Client area dashboard stat cards */
.tiles-dashboard__row {
	margin-left: -0.5rem;
	margin-right: -0.5rem;
}

.tiles-dashboard__row > [class*="col-"] {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	margin-bottom: 1rem;
}

.tiles-dashboard .tile {
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	padding: 1.25rem 1.5rem;
	min-height: 118px;
	background: #fff;
	border: 1px solid #e8ecef;
	border-radius: 12px;
	box-shadow: 0 4px 14px rgba(34, 46, 58, 0.08);
	text-decoration: none;
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
	overflow: hidden;
}

.tiles-dashboard .tile .stat {
	margin-top: 0.35rem;
	font-size: 2.25rem;
	font-weight: 700;
	line-height: 1.1;
	color: #222e3a;
}

.tiles-dashboard .tile .title {
	margin-top: 0.15rem;
	font-weight: 600;
	color: #5c6b7a;
	text-transform: uppercase;
	font-size: 0.75rem;
	letter-spacing: 0.04em;
}

.tiles-dashboard .tile .highlight {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin-top: 0;
	height: 4px;
	border-radius: 0;
}

.tiles-dashboard .tile i {
	position: absolute;
	top: 1rem;
	right: 1.25rem;
	font-size: 2.5rem;
	line-height: 1;
	color: #d0d7de;
	transition: color 0.2s ease, transform 0.2s ease;
}

.tiles-dashboard .tile:hover {
	background: #fff;
	transform: translateY(-3px);
	box-shadow: 0 10px 24px rgba(34, 46, 58, 0.14);
	border-color: #d0d7de;
	cursor: pointer;
	text-decoration: none;
}

.tiles-dashboard .tile:hover .stat {
	color: #ea1010;
}

.tiles-dashboard .tile:hover i {
	font-size: 2.5rem;
	color: #ea1010;
	transform: scale(1.08);
}

@media (min-width: 1200px) {
	.tiles-dashboard__row > [class*="col-"] {
		margin-bottom: 0;
	}
}

/* Site-wide cards — rounded corners + shadow (client area, cart, login, etc.) */
body.primary-bg-color .card:not(.home-product-card) {
	border: 1px solid #e8ecef;
	border-radius: 12px;
	box-shadow: 0 4px 14px rgba(34, 46, 58, 0.08);
	overflow: hidden;
	transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

body.primary-bg-color .card:not(.home-product-card):hover {
	box-shadow: 0 8px 22px rgba(34, 46, 58, 0.12);
	border-color: #d0d7de;
}

body.primary-bg-color .card:not(.home-product-card) > .card-header:first-child {
	border-radius: 11px 11px 0 0;
}

body.primary-bg-color .card:not(.home-product-card) > .card-footer:last-child {
	border-radius: 0 0 11px 11px;
}

body.primary-bg-color .card:not(.home-product-card) > .list-group:first-child {
	border-top-left-radius: 11px;
	border-top-right-radius: 11px;
}

body.primary-bg-color .card:not(.home-product-card) > .list-group:last-child {
	border-bottom-left-radius: 11px;
	border-bottom-right-radius: 11px;
}

body.primary-bg-color .card[class*="card-accent-"] {
	border-top-width: 1px;
}

body.primary-bg-color .card.card-accent-gold,
body.primary-bg-color .card.card-accent-green,
body.primary-bg-color .card.card-accent-red,
body.primary-bg-color .card.card-accent-blue,
body.primary-bg-color .card.card-accent-orange,
body.primary-bg-color .card.card-accent-pink,
body.primary-bg-color .card.card-accent-purple,
body.primary-bg-color .card.card-accent-lime,
body.primary-bg-color .card.card-accent-magenta,
body.primary-bg-color .card.card-accent-teal,
body.primary-bg-color .card.card-accent-turquoise,
body.primary-bg-color .card.card-accent-emerald,
body.primary-bg-color .card.card-accent-amethyst,
body.primary-bg-color .card.card-accent-wet-asphalt,
body.primary-bg-color .card.card-accent-midnight-blue,
body.primary-bg-color .card.card-accent-sun-flower,
body.primary-bg-color .card.card-accent-pomegranate,
body.primary-bg-color .card.card-accent-silver,
body.primary-bg-color .card.card-accent-asbestos,
body.primary-bg-color .card.card-accent-brand-cpanel-orange {
	border-top-width: 4px;
}

body.primary-bg-color .card-sidebar .card-header,
body.primary-bg-color .client-home-cards .card-header {
	background-color: #f8fafb;
	border-bottom-color: #e8ecef;
}

body.primary-bg-color .client-home-cards .card {
	margin-bottom: 1.25rem;
}

body.primary-bg-color .client-home-cards .btn-view-more {
	display: inline-block;
	padding: 0.35rem 0.75rem;
	font-size: 0.8125rem;
	font-weight: 600;
	color: #222e3a;
	background: #f0f3f6;
	border: 1px solid #d0d7de;
	border-radius: 6px;
	text-decoration: none;
	cursor: pointer;
	transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

body.primary-bg-color .client-home-cards .btn-view-more:hover {
	color: #fff;
	background: #ea1010;
	border-color: #ea1010;
	text-decoration: none;
}

body.primary-bg-color .client-home-cards .btn-view-more.disabled,
body.primary-bg-color .client-home-cards .btn-view-more[aria-disabled="true"] {
	opacity: 0.55;
	pointer-events: none;
	cursor: default;
}

/* Services panel — expand full list in place */
#servicesPanel.services-panel--expanded .card-body,
#servicesPanel.services-panel--expanded .list-group {
	max-height: none !important;
	overflow: visible !important;
}

#servicesPanel.services-panel--expanded .btn-view-more.is-expanded {
	color: #fff;
	background: #222e3a;
	border-color: #222e3a;
}

/* Tickets panel — title + date stacked left, status label right */
#ticketsPanel .list-group .list-group-item-action {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	grid-template-rows: auto auto;
	align-items: start;
	column-gap: 0.75rem;
	row-gap: 0.2rem;
	width: 100%;
	padding-top: 0.625rem;
	padding-bottom: 0.625rem;
}

#ticketsPanel .list-group .list-group-item-action strong {
	grid-column: 1;
	grid-row: 1;
	display: block;
	margin: 0;
	min-width: 0;
}

#ticketsPanel .list-group .list-group-item-action small {
	grid-column: 1;
	grid-row: 2;
	display: block;
	width: 100%;
	margin: 0;
}

#ticketsPanel .list-group .list-group-item-action br {
	display: none;
}

#ticketsPanel .list-group .list-group-item-action .label,
#ticketsPanel .list-group .list-group-item-action label.label {
	grid-column: 2;
	grid-row: 1 / span 2;
	justify-self: end;
	align-self: start;
	display: inline-block;
	width: auto;
	max-width: none;
	margin: 0;
	padding: 0.3rem 0.65rem;
	font-size: 0.6875rem;
	font-weight: 600;
	line-height: 1.25;
	border-radius: 9999px;
	white-space: nowrap;
}

/* Sidebar — subtle collapse/expand chevrons */
.sidebar .card-sidebar .card-minimise {
	font-size: 0.625rem;
	color: #b8c2cc !important;
	opacity: 0.9;
	padding: 0.2rem 0.15rem;
	margin-top: 0.2rem;
	line-height: 1;
	transition: color 0.2s ease, opacity 0.2s ease;
}

.sidebar .card-sidebar .card-header:hover .card-minimise {
	color: #9aa5b1 !important;
}

.sidebar .card-sidebar .card-minimise.minimised {
	color: #b8c2cc !important;
}

/* Sidebar — status filter chips (services, domains, tickets, etc.) */
.sidebar .card-sidebar.view-filter-btns .collapsable-card-body {
	padding: 0;
}

.sidebar .card-sidebar.view-filter-btns .list-group {
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
	padding: 0.75rem;
	margin: 0;
	font-size: 0.875rem;
	border: none;
}

.sidebar .card-sidebar.view-filter-btns .list-group.d-md-flex {
	flex-direction: column !important;
}

.sidebar .card-sidebar.view-filter-btns .list-group-item {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.55rem 0.75rem;
	margin: 0;
	border: 1px solid #e8ecef !important;
	border-radius: 8px !important;
	background: #fff;
	color: #222e3a;
	font-weight: 500;
	line-height: 1.3;
	text-decoration: none;
	transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
}

.sidebar .card-sidebar.view-filter-btns .list-group-item:hover,
.sidebar .card-sidebar.view-filter-btns .list-group-item:focus {
	background: #f8fafb;
	border-color: #d0d7de !important;
	color: #222e3a;
	z-index: 1;
}

.sidebar .card-sidebar.view-filter-btns .list-group-item.active,
.sidebar .card-sidebar.view-filter-btns .list-group-item.active:hover,
.sidebar .card-sidebar.view-filter-btns .list-group-item.active:focus {
	background: #222e3a !important;
	border-color: #222e3a !important;
	color: #fff !important;
	box-shadow: 0 2px 8px rgba(34, 46, 58, 0.12);
}

.sidebar .card-sidebar.view-filter-btns .list-group-item .badge {
	float: none;
	order: 2;
	margin-left: auto;
	min-width: 1.65rem;
	padding: 0.2rem 0.45rem;
	font-size: 0.75rem;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
	border-radius: 9999px;
	background: #f0f3f6 !important;
	color: #222e3a !important;
}

.sidebar .card-sidebar.view-filter-btns .list-group-item.active .badge {
	background: rgba(255, 255, 255, 0.22) !important;
	color: #fff !important;
}

.sidebar .card-sidebar.view-filter-btns .list-group-item > i.far {
	flex-shrink: 0;
	font-size: 0.875rem;
	color: #b8c2cc;
}

.sidebar .card-sidebar.view-filter-btns .list-group-item.active > i.far,
.sidebar .card-sidebar.view-filter-btns .list-group-item.active > i.far.fa-dot-circle {
	color: #fff;
}

.sidebar .card-sidebar.view-filter-btns .list-group-item > i.far.fa-dot-circle {
	color: #ea1010;
}

.sidebar .card-sidebar.view-filter-btns .list-group-item.active > i.far.fa-dot-circle {
	color: #fff;
}

/* Register domain panel — form spacing and alignment */
#registerDomainPanel .card-body form {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
}

#registerDomainPanel .card-body form .input-group {
	width: 100%;
	max-width: 100%;
}

@media (min-width: 992px) {
	#registerDomainPanel .card-body form .input-group {
		width: 70%;
		max-width: 70%;
	}
}

/* Transfer — secondary (navbar #222e3a), vs red Înregistrare */
#registerDomainPanel .input-group-append input.btn.btn-default {
	background: #222e3a !important;
	color: #fff !important;
	border: 1px solid transparent !important;
	box-shadow: 0 2px 8px rgba(34, 46, 58, 0.12);
}

#registerDomainPanel .input-group-append input.btn.btn-default:hover,
#registerDomainPanel .input-group-append input.btn.btn-default:focus,
#registerDomainPanel .input-group-append input.btn.btn-default:active {
	background: #1c2334 !important;
	color: #fff !important;
	border: 1px solid transparent !important;
}

/* Client area — domains bulk actions toolbar */
.tophost-domains-toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem;
	margin-bottom: 1rem;
	padding: 0.75rem 1rem;
	background: #f8fafb;
	border: 1px solid #e8ecef;
	border-radius: 10px;
}

.tophost-domains-toolbar__more.dropdown {
	display: none !important;
}

.tophost-domains-toolbar .btn,
.tophost-domains-toolbar__link,
.tophost-domains-toolbar .dropdown-toggle,
.tophost-domains-toolbar__more .dropdown-toggle,
.tophost-domains-toolbar #btnGroupDrop1 {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	padding: 0.45rem 0.85rem;
	font-size: 0.8125rem;
	font-weight: 600;
	line-height: 1.3;
	color: #222e3a;
	background: #fff;
	border: 1px solid #d0d7de;
	border-radius: 8px !important;
	box-shadow: none;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.tophost-domains-toolbar .btn:hover,
.tophost-domains-toolbar .btn:focus,
.tophost-domains-toolbar__link:hover,
.tophost-domains-toolbar__link:focus,
.tophost-domains-toolbar .dropdown-toggle:hover,
.tophost-domains-toolbar .dropdown-toggle:focus,
.tophost-domains-toolbar #btnGroupDrop1:hover,
.tophost-domains-toolbar #btnGroupDrop1:focus {
	color: #222e3a;
	background: #fff;
	border-color: #b8c2cc;
	box-shadow: 0 2px 8px rgba(34, 46, 58, 0.08);
}

.tophost-domains-toolbar .dropdown-menu {
	margin-top: 0.35rem;
	padding: 0.35rem 0;
	border: 1px solid #e8ecef;
	border-radius: 8px;
	box-shadow: 0 4px 14px rgba(34, 46, 58, 0.1);
}

.tophost-domains-toolbar .dropdown-item {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0.45rem 1rem;
	font-size: 0.8125rem;
	font-weight: 500;
	color: #222e3a;
}

.tophost-domains-toolbar .dropdown-item:hover,
.tophost-domains-toolbar .dropdown-item:focus {
	color: #222e3a;
	background: #f8fafb;
}

.tophost-domains-toolbar__link {
	text-decoration: none;
}

.tophost-list-card .tophost-domain-meta {
	display: none !important;
}

.tophost-list-card .tophost-domain-meta__item {
	display: inline-flex;
	align-items: center;
	gap: 0.25rem;
	font-size: 0.75rem;
	font-weight: 500;
	line-height: 1.3;
	color: #6c757d;
}

.tophost-list-card .tophost-domain-meta__item--on {
	color: #1e7e34;
}

.tophost-list-card .tophost-domain-meta__item--off {
	color: #9aa5b1;
}

/* Domains list — column widths (class-based; safe with DataTables) */
.tophost-list-card #tableDomainsList .tophost-domains-col--check {
	width: 2.75rem;
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
}

.tophost-list-card #tableDomainsList .tophost-domains-col--ssl {
	width: 3.5rem;
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
}

img.ssl-state.ssl-inactive {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
}

.tophost-list-card #tableDomainsList .tophost-domains-col--domain {
	min-width: 12rem;
	text-align: left;
	vertical-align: middle;
}

.tophost-list-card #tableDomainsList .tophost-domains-col--date {
	width: 1%;
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	padding-left: 0.65rem;
	padding-right: 0.65rem;
	font-size: 0.8125rem;
}

.tophost-list-card #tableDomainsList .tophost-domains-col--status {
	width: 1%;
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
}

.tophost-list-card table.table-list tbody td:first-child {
	text-align: center;
	vertical-align: middle;
}

.tophost-list-card table.table-list tbody td .domids {
	width: 1.125rem;
	height: 1.125rem;
	margin: 0;
	cursor: pointer;
	accent-color: #222e3a;
}

.tophost-list-card table.table-list tbody td .domids:checked {
	accent-color: #ea1010;
}

.tophost-list-card table.table-list tbody tr.tophost-row-selected > td,
.tophost-list-card table.table-list tbody tr:has(.domids:checked) > td {
	background-color: rgba(34, 46, 58, 0.07) !important;
}

.tophost-list-card table.table-list tbody tr.tophost-row-selected > td:first-child,
.tophost-list-card table.table-list tbody tr:has(.domids:checked) > td:first-child {
	background-color: rgba(234, 16, 16, 0.08) !important;
	box-shadow: inset 3px 0 0 #ea1010;
}

.tophost-list-card table.table-list tbody tr.tophost-row-selected:hover > td,
.tophost-list-card table.table-list tbody tr:has(.domids:checked):hover > td {
	background-color: rgba(34, 46, 58, 0.1) !important;
}

/* Client area — services/products/domains/invoices list (DataTables in card) */
.primary-content .tophost-list-card.card {
	overflow: hidden;
	background: #fff;
	border: 1px solid #e8ecef !important;
	border-radius: 14px !important;
	box-shadow: 0 2px 12px rgba(34, 46, 58, 0.06) !important;
}

.tophost-list-card {
	margin-bottom: 1.5rem;
}

.tophost-list-card .card-body,
.tophost-list-card .table-container {
	padding: 0;
}

.tophost-list-card .dataTables_wrapper {
	width: 100%;
}

.tophost-list-card .listtable {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem 1rem;
	padding: 1rem 1.25rem 1.25rem;
	margin: 0;
	border-bottom: none;
	background: #f8fafb;
}

.tophost-list-card .listtable > table.table-list {
	flex: 1 1 100%;
	order: 10;
}

.tophost-list-card .dataTables_info {
	display: flex;
	align-items: center;
	align-self: center;
	float: none;
	margin: 0;
	padding: 0 !important;
	min-height: 38px;
	color: #6c757d;
	font-size: 0.875rem;
	line-height: 1.4;
}

.tophost-list-card .dataTables_filter {
	display: flex;
	align-items: center;
	align-self: center;
	float: none;
	margin: 0;
	min-height: 38px;
	text-align: right;
}

.tophost-list-card .dataTables_filter label {
	display: flex;
	align-items: center;
	margin: 0;
}

.tophost-list-card .dataTables_filter .form-control {
	min-width: 220px;
	height: auto;
	padding: 0.5rem 0.75rem 0.5rem 2.25rem !important;
	font-size: 0.875rem;
	border: 1px solid #d0d7de;
	border-radius: 8px;
	background-color: #fff;
	box-shadow: none;
}

.tophost-list-card .dataTables_filter .form-control:focus {
	border-color: #ea1010;
	box-shadow: 0 0 0 2px rgba(234, 16, 16, 0.12);
}

.tophost-list-card table.table-list {
	margin: 0 !important;
	width: 100% !important;
	border: 1px solid #e8ecef !important;
	border-radius: 12px !important;
	border-collapse: separate !important;
	border-spacing: 0;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 2px 8px rgba(34, 46, 58, 0.05);
}

.tophost-list-card table.table-list thead th {
	padding: 0.75rem 1rem;
	background: #fff;
	color: #222e3a;
	font-weight: 600;
	font-size: 0.8125rem;
	text-align: center;
	vertical-align: middle;
	border-bottom: 1px solid #e8ecef !important;
}

.tophost-list-card table.dataTable thead > tr > th.sorting,
.tophost-list-card table.dataTable thead > tr > th.sorting_asc,
.tophost-list-card table.dataTable thead > tr > th.sorting_desc,
.tophost-list-card table.dataTable thead > tr > th.sorting_asc_disabled,
.tophost-list-card table.dataTable thead > tr > th.sorting_desc_disabled {
	padding-left: 1.35rem;
	padding-right: 1.35rem;
}

.tophost-list-card table.dataTable thead > tr > th.sorting:before,
.tophost-list-card table.dataTable thead > tr > th.sorting:after,
.tophost-list-card table.dataTable thead > tr > th.sorting_asc:before,
.tophost-list-card table.dataTable thead > tr > th.sorting_asc:after,
.tophost-list-card table.dataTable thead > tr > th.sorting_desc:before,
.tophost-list-card table.dataTable thead > tr > th.sorting_desc:after,
.tophost-list-card table.dataTable thead > tr > th.sorting_asc_disabled:before,
.tophost-list-card table.dataTable thead > tr > th.sorting_asc_disabled:after,
.tophost-list-card table.dataTable thead > tr > th.sorting_desc_disabled:before,
.tophost-list-card table.dataTable thead > tr > th.sorting_desc_disabled:after {
	right: 0.65rem;
}

.tophost-list-card table.table-list thead th:first-child {
	border-top-left-radius: 11px;
}

.tophost-list-card table.table-list thead th:last-child {
	border-top-right-radius: 11px;
}

.tophost-list-card table.table-list tbody tr:last-child td:first-child {
	border-bottom-left-radius: 11px;
}

.tophost-list-card table.table-list tbody tr:last-child td:last-child {
	border-bottom-right-radius: 11px;
}

.tophost-list-card table.table-list thead th.sorting_asc,
.tophost-list-card table.table-list thead th.sorting_desc {
	background-color: #f0f3f6;
}

.tophost-list-card table.table-list tbody td {
	padding: 0.85rem 1rem;
	border-top: 1px solid #f0f3f6;
	font-size: 0.9rem;
	vertical-align: middle;
}

.tophost-list-card table.table-list tbody td strong {
	color: #222e3a;
	font-weight: 600;
}

.tophost-list-card table.table-list tbody td a {
	color: #ea1010;
	text-decoration: none;
}

.tophost-list-card table.table-list tbody td a:hover {
	text-decoration: underline;
}

.tophost-list-card table.table-list > tbody > tr:hover:not(.tophost-row-selected):not(:has(.domids:checked)) > td {
	background-color: #f8fafb;
}

.tophost-list-card table.table-list .label.status {
	display: inline-block;
	padding: 0.3rem 0.65rem;
	font-size: 0.6875rem;
	font-weight: 600;
	line-height: 1.25;
	border-radius: 9999px;
}

.tophost-list-card .dataTables_length,
.tophost-list-card .dataTables_paginate {
	padding: 0.75rem 1.25rem 1rem;
}

.tophost-list-card .dataTables_length {
	float: left;
	color: #6c757d;
	font-size: 0.875rem;
}

.tophost-list-card .dataTables_length select {
	border: 1px solid #d0d7de;
	border-radius: 6px;
	padding: 0.25rem 0.5rem;
	margin: 0 0.35rem;
	min-width: 75px;
}

.tophost-list-card .dataTables_paginate {
	float: right;
}

.tophost-list-card .dataTables_paginate .pagination {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.35rem;
	margin: 0;
}

.tophost-list-card .dataTables_paginate .page-item .page-link,
.tophost-list-card .dataTables_paginate .paginate_button a,
.tophost-list-card .dataTables_paginate .paginate_button span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2rem;
	padding: 0.35rem 0.65rem;
	margin-left: 0 !important;
	font-size: 0.875rem;
	line-height: 1.25;
	color: #222e3a;
	background: #fff;
	border: 1px solid #d0d7de !important;
	border-radius: 8px !important;
	box-shadow: none;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.tophost-list-card .dataTables_paginate .page-item:first-child .page-link,
.tophost-list-card .dataTables_paginate .page-item:last-child .page-link {
	border-radius: 8px !important;
}

.tophost-list-card .dataTables_paginate .page-item .page-link:hover,
.tophost-list-card .dataTables_paginate .paginate_button:not(.disabled) a:hover {
	z-index: 1;
	color: #222e3a;
	background: #f8fafb;
	border-color: #b8c2cc !important;
}

.tophost-list-card .pagination > .active > a,
.tophost-list-card .pagination > .active > a:focus,
.tophost-list-card .pagination > .active > a:hover,
.tophost-list-card .pagination > .active > span,
.tophost-list-card .pagination > .active > span:focus,
.tophost-list-card .pagination > .active > span:hover,
.tophost-list-card .page-item.active .page-link {
	color: #fff !important;
	background-color: #222e3a !important;
	border-color: #222e3a !important;
}

.tophost-list-card .dataTables_paginate .page-item.disabled .page-link,
.tophost-list-card .dataTables_paginate .paginate_button.disabled a,
.tophost-list-card .dataTables_paginate .paginate_button.disabled span {
	color: #9aa5b1 !important;
	background: #f8fafb !important;
	border-color: #e8ecef !important;
	opacity: 1;
	cursor: not-allowed;
	pointer-events: none;
}

.tophost-list-card #tableLoading {
	padding: 2rem 1.25rem;
}

@media (max-width: 767px) {
	.tophost-list-card .listtable {
		flex-direction: column;
		align-items: stretch;
	}

	.tophost-list-card .dataTables_filter {
		text-align: left;
		width: 100%;
	}

	.tophost-list-card .dataTables_filter .form-control {
		width: 100%;
		min-width: 0;
	}

	.tophost-list-card .dataTables_length,
	.tophost-list-card .dataTables_paginate {
		float: none;
		text-align: center;
	}
}

/* Domain details — overview tab */
.tophost-domain-overview-card {
	border: 1px solid #e8ecef;
	border-radius: 12px;
	box-shadow: 0 2px 8px rgba(34, 46, 58, 0.05);
}

.tophost-domain-overview-card > .card-body {
	padding: 1.35rem 1.5rem;
}

.tophost-domain-overview__title {
	margin: 0 0 1.25rem;
	font-size: 1.0625rem;
	font-weight: 700;
	line-height: 1.3;
	color: #222e3a;
}

.tophost-domain-overview-alerts {
	margin-bottom: 1.25rem;
}

.tophost-domain-overview-alerts .alert:last-child {
	margin-bottom: 0;
}

.tophost-domain-info {
	padding: 1rem 1.15rem;
	background: #f8fafb;
	border: 1px solid #e8ecef;
	border-radius: 10px;
}

.tophost-domain-info__list {
	margin: 0;
}

.tophost-domain-info .tophost-billing-row__value a {
	color: #ea1010;
	font-size: 1rem;
	font-weight: 700;
	text-decoration: none;
}

.tophost-domain-info .tophost-billing-row__value a:hover {
	text-decoration: underline;
}

.tophost-domain-info .tophost-billing-row__value .tophost-billing-badge {
	margin-left: 0.35rem;
	vertical-align: middle;
}

.tophost-domain-info .tophost-billing-row__value img {
	margin-right: 0.35rem;
	vertical-align: middle;
}

.tophost-domain-registrar-area,
.tophost-domain-hook-output {
	margin-top: 1.25rem;
	padding-top: 1.25rem;
	border-top: 1px solid #e8ecef;
}

.tophost-domain-actions {
	margin-top: 1.5rem;
	padding-top: 1.25rem;
	border-top: 1px solid #e8ecef;
}

.tophost-domain-actions__title {
	margin: 0 0 0.85rem;
	font-size: 0.9375rem;
	font-weight: 700;
	line-height: 1.3;
	color: #222e3a;
}

.tophost-domain-actions__list {
	display: flex;
	flex-direction: column;
	gap: 0.65rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.tophost-domain-actions__list > li {
	width: 100%;
	margin: 0;
}

.tophost-domain-action-link {
	display: flex;
	align-items: center;
	width: 100%;
	gap: 0.5rem;
	padding: 0.75rem 1rem;
	font-size: 0.8125rem;
	font-weight: 600;
	line-height: 1.35;
	color: #222e3a;
	text-decoration: none;
	background: #fff;
	border: 1px solid #e8ecef;
	border-radius: 10px;
	box-shadow: 0 2px 8px rgba(34, 46, 58, 0.05);
	transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
}

.tophost-domain-action-link i {
	flex-shrink: 0;
	width: 1.1rem;
	text-align: center;
	color: #6c757d;
}

.tophost-domain-action-link:hover,
.tophost-domain-action-link:focus {
	color: #222e3a;
	background: #f8fafb;
	border-color: #d0d7de;
	box-shadow: 0 4px 14px rgba(34, 46, 58, 0.08);
	text-decoration: none;
}

.tophost-domain-action-link--primary {
	color: #fff;
	background: #222e3a;
	border-color: #222e3a;
}

.tophost-domain-action-link--primary i {
	color: rgba(255, 255, 255, 0.85);
}

.tophost-domain-action-link--primary:hover,
.tophost-domain-action-link--primary:focus {
	color: #fff;
	background: #1c2334;
	border-color: #1c2334;
}

@media (max-width: 767.98px) {
	.tophost-domain-overview-card > .card-body {
		padding: 1.15rem;
	}

	.tophost-domain-info .tophost-billing-row__label,
	.tophost-domain-info .tophost-billing-row__value {
		flex: 1 1 100%;
		text-align: left;
	}

	.tophost-domain-info .tophost-next-due-value {
		justify-content: flex-start;
	}

}

/* Domain details — nameservers tab */
.tophost-domain-panel-card {
	border: 1px solid #e8ecef;
	border-radius: 12px;
	box-shadow: 0 2px 8px rgba(34, 46, 58, 0.05);
}

.tophost-domain-panel-card > .card-body {
	padding: 1.35rem 1.5rem;
}

.tophost-domain-panel__title {
	margin: 0 0 1.25rem;
	font-size: 1.0625rem;
	font-weight: 700;
	line-height: 1.3;
	color: #222e3a;
}

.tophost-domain-panel-alerts {
	margin-bottom: 1.25rem;
}

.tophost-domain-panel-alerts .alert:last-child {
	margin-bottom: 0;
}

/* Client area — info alerts (softer TopHost panel style) */
body.primary-bg-color .primary-content .alert-info,
.tophost-domain-overview-alerts .alert-info,
.tophost-domain-panel-alerts .alert-info {
	color: #222e3a;
	background-color: #f0f6fa;
	border: 1px solid #d8e4ec;
	border-left: 4px solid #222e3a;
	border-radius: 8px;
}

body.primary-bg-color .primary-content .alert-info .alert-link,
.tophost-domain-overview-alerts .alert-info .alert-link,
.tophost-domain-panel-alerts .alert-info .alert-link {
	color: #222e3a;
	font-weight: 600;
}

body.primary-bg-color .primary-content .alert-info hr {
	border-top-color: #d8e4ec;
}

.tophost-ns-choice-group {
	display: flex;
	flex-direction: column;
	gap: 0.65rem;
	margin-bottom: 1.25rem;
}

.tophost-ns-choice {
	display: flex;
	align-items: flex-start;
	gap: 0.65rem;
	margin: 0;
	padding: 0.85rem 1rem;
	background: #fff;
	border: 1px solid #e8ecef;
	border-radius: 10px;
	cursor: pointer;
	transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.tophost-ns-choice:hover {
	background: #f8fafb;
	border-color: #d0d7de;
}

.tophost-ns-choice:has(.tophost-ns-choice__input:checked) {
	background: #f8fafb;
	border-color: #222e3a;
	box-shadow: 0 0 0 1px #222e3a;
}

.tophost-ns-choice__input {
	flex-shrink: 0;
	width: 1rem;
	height: 1rem;
	margin: 0.15rem 0 0;
	accent-color: #222e3a;
	cursor: pointer;
}

.tophost-ns-choice__text {
	flex: 1 1 auto;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.4;
	color: #222e3a;
}

.tophost-ns-fields {
	display: flex;
	flex-direction: column;
	gap: 0.85rem;
	margin-bottom: 1.25rem;
	padding: 1rem 1.15rem;
	background: #f8fafb;
	border: 1px solid #e8ecef;
	border-radius: 10px;
}

.tophost-ns-field__label {
	display: block;
	margin-bottom: 0.35rem;
	font-size: 0.8125rem;
	font-weight: 600;
	line-height: 1.3;
	color: #6c757d;
}

.tophost-ns-field__input {
	border: 1px solid #d0d7de;
	border-radius: 8px;
	font-size: 0.875rem;
	box-shadow: none;
}

.tophost-ns-field__input:focus {
	border-color: #ea1010;
	box-shadow: 0 0 0 2px rgba(234, 16, 16, 0.12);
}

.tophost-ns-field__input:disabled {
	background: #f0f3f6;
	color: #9aa5b1;
	cursor: not-allowed;
	opacity: 1;
}

.tophost-domain-panel-submit .btn-primary {
	padding: 0.65rem 1rem;
	font-size: 0.875rem;
	font-weight: 600;
	border: 1px solid transparent;
	border-radius: 8px;
	background: #222e3a;
}

.tophost-domain-panel-submit .btn-primary:hover,
.tophost-domain-panel-submit .btn-primary:focus {
	background: #1c2334;
	border-color: transparent;
}

.tophost-domain-panel-submit .btn-danger {
	padding: 0.65rem 1rem;
	font-size: 0.875rem;
	font-weight: 600;
	border: 1px solid transparent;
	border-radius: 8px;
	background: #ea1010;
}

.tophost-domain-panel-submit .btn-danger:hover,
.tophost-domain-panel-submit .btn-danger:focus {
	background: #c90e0e;
	border-color: transparent;
}

/* Domain contact edit (single + bulk) */
.tophost-domain-bulk-card > .card-body,
.tophost-domain-contact-card > .card-body {
	padding: 1.35rem 1.5rem;
}

.tophost-domain-affected {
	margin-bottom: 1.35rem;
	padding: 1rem 1.15rem;
	background: #f8fafb;
	border: 1px solid #e8ecef;
	border-left: 4px solid #222e3a;
	border-radius: 10px;
}

.tophost-domain-affected__lead {
	margin: 0 0 0.85rem;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.45;
	color: #222e3a;
}

.tophost-domain-affected__list {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.tophost-domain-affected__item {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	margin: 0;
	padding: 0.4rem 0.75rem;
	font-size: 0.8125rem;
	font-weight: 600;
	line-height: 1.3;
	color: #222e3a;
	background: #fff;
	border: 1px solid #d8e4ec;
	border-radius: 999px;
}

.tophost-domain-affected__item i {
	font-size: 0.75rem;
	color: #ea1010;
}

.tophost-domain-contact-panel {
	margin-bottom: 1.25rem;
	border: 1px solid #e8ecef;
	border-radius: 10px;
	overflow: hidden;
	background: #fff;
}

.tophost-contact-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 0;
	margin: 0;
	padding: 0 0.75rem;
	background: #f8fafb;
	border-bottom: 1px solid #e8ecef;
}

.tophost-contact-tabs .nav-item {
	margin-bottom: -1px;
}

.tophost-contact-tabs .nav-link {
	margin: 0;
	padding: 0.85rem 1rem;
	font-size: 0.8125rem;
	font-weight: 600;
	line-height: 1.3;
	color: #6c757d;
	border: none;
	border-bottom: 2px solid transparent;
	border-radius: 0;
	background: transparent;
	transition: color 0.2s ease, border-color 0.2s ease;
}

.tophost-contact-tabs .nav-link:hover,
.tophost-contact-tabs .nav-link:focus {
	color: #222e3a;
	border-color: transparent;
	background: transparent;
}

.tophost-contact-tabs .nav-link.active {
	color: #222e3a;
	background: transparent;
	border-bottom-color: #ea1010;
}

.tophost-domain-contact-panel .responsive-tabs-sm-connector {
	display: none;
}

.tophost-contact-tab-content {
	padding: 1.25rem 1.35rem;
}

.tophost-contact-source-group {
	display: flex;
	flex-direction: column;
	gap: 0.65rem;
	margin-bottom: 1.25rem;
}

.tophost-contact-source-choice {
	display: flex;
	align-items: flex-start;
	gap: 0.65rem;
	margin: 0;
	padding: 0.85rem 1rem;
	background: #f8fafb;
	border: 1px solid #e8ecef;
	border-radius: 10px;
	cursor: pointer;
	transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.tophost-contact-source-choice:hover {
	background: #fff;
	border-color: #d0d7de;
}

.tophost-contact-source-choice:has(.tophost-contact-source-choice__input:checked) {
	background: #fff;
	border-color: #222e3a;
	box-shadow: 0 0 0 1px #222e3a;
}

.tophost-contact-source-choice__input {
	flex-shrink: 0;
	width: 1rem;
	height: 1rem;
	margin: 0.15rem 0 0;
	accent-color: #222e3a;
	cursor: pointer;
}

.tophost-contact-source-choice__text {
	flex: 1 1 auto;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.4;
	color: #222e3a;
}

.tophost-contact-select-wrap {
	margin: -0.15rem 0 0.35rem;
	padding: 0.85rem 1rem 0.85rem 2.35rem;
	background: #fff;
	border: 1px solid #e8ecef;
	border-radius: 10px;
}

.tophost-contact-fields {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.85rem 1rem;
}

.tophost-contact-field {
	margin: 0;
	min-width: 0;
}

.tophost-contact-field__label {
	display: block;
	margin-bottom: 0.35rem;
	font-size: 0.8125rem;
	font-weight: 600;
	line-height: 1.3;
	color: #6c757d;
}

.tophost-contact-field__input {
	border: 1px solid #d0d7de;
	border-radius: 8px;
	font-size: 0.875rem;
	box-shadow: none;
}

.tophost-contact-field__input:focus {
	border-color: #ea1010;
	box-shadow: 0 0 0 2px rgba(234, 16, 16, 0.12);
}

.tophost-contact-field__input:disabled {
	background: #f0f3f6;
	color: #9aa5b1;
	cursor: not-allowed;
	opacity: 1;
}

.tophost-domain-contact-submit {
	display: flex;
	flex-direction: column;
	gap: 0.65rem;
}

.tophost-domain-contact-submit__cancel {
	padding: 0.65rem 1rem;
	font-size: 0.875rem;
	font-weight: 600;
	color: #222e3a;
	background: #fff;
	border: 1px solid #d0d7de;
	border-radius: 8px;
}

.tophost-domain-contact-submit__cancel:hover,
.tophost-domain-contact-submit__cancel:focus {
	color: #222e3a;
	background: #f8fafb;
	border-color: #222e3a;
}

@media (max-width: 767.98px) {
	.tophost-contact-fields {
		grid-template-columns: 1fr;
	}

	.tophost-contact-select-wrap {
		padding-left: 1rem;
	}
}

/* Domain details — registrar lock tab */
.tophost-reglock-status {
	display: flex;
	align-items: center;
	gap: 1rem;
	margin-bottom: 1.25rem;
	padding: 1.15rem 1.25rem;
	background: #f8fafb;
	border: 1px solid #e8ecef;
	border-radius: 10px;
}

.tophost-reglock-status__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	font-size: 1.25rem;
}

.tophost-reglock-status--locked .tophost-reglock-status__icon {
	color: #fff;
	background: #222e3a;
}

.tophost-reglock-status--unlocked .tophost-reglock-status__icon {
	color: #6c757d;
	background: #fff;
	border: 1px solid #d0d7de;
}

.tophost-reglock-status__content {
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
	min-width: 0;
}

.tophost-reglock-status__label {
	font-size: 0.8125rem;
	font-weight: 500;
	line-height: 1.3;
	color: #6c757d;
}

.tophost-reglock-status__badge {
	display: inline-block;
	align-self: flex-start;
	padding: 0.3rem 0.65rem;
	font-size: 0.8125rem;
	font-weight: 700;
	line-height: 1.25;
	border-radius: 9999px;
}

.tophost-reglock-status--locked .tophost-reglock-status__badge {
	color: #fff;
	background: #222e3a;
}

.tophost-reglock-status--unlocked .tophost-reglock-status__badge {
	color: #ea1010;
	background: rgba(234, 16, 16, 0.1);
	border: 1px solid rgba(234, 16, 16, 0.25);
}

/* Domain — EPP / auth code page */
.tophost-epp-intro {
	display: flex;
	align-items: flex-start;
	gap: 1rem;
	margin-bottom: 1.25rem;
	padding: 1rem 1.15rem;
	background: #f8fafb;
	border: 1px solid #e8ecef;
	border-radius: 10px;
}

.tophost-epp-intro__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 2.75rem;
	height: 2.75rem;
	font-size: 1.125rem;
	color: #fff;
	background: #222e3a;
	border-radius: 50%;
}

.tophost-epp-intro__text {
	margin: 0;
	font-size: 0.875rem;
	line-height: 1.55;
	color: #222e3a;
}

.tophost-epp-code-panel {
	padding: 1rem 1.15rem;
	background: #fff;
	border: 1px solid #e8ecef;
	border-left: 4px solid #222e3a;
	border-radius: 10px;
	box-shadow: 0 2px 8px rgba(34, 46, 58, 0.05);
}

.tophost-epp-code-panel__label {
	margin: 0 0 0.65rem;
	font-size: 0.8125rem;
	font-weight: 600;
	line-height: 1.4;
	color: #6c757d;
}

.tophost-epp-code-panel__value {
	display: block;
	padding: 0.75rem 1rem;
	font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0.04em;
	color: #222e3a;
	word-break: break-all;
	background: #f0f6fa;
	border: 1px solid #d8e4ec;
	border-radius: 8px;
}

.tophost-domain-epp-card .alert-success {
	color: #1e7e34;
	background-color: #f0faf4;
	border: 1px solid #c8e6d0;
	border-left: 4px solid #28a745;
	border-radius: 8px;
}

/* WHMCS “Powered by” credit in client area */
body.primary-bg-color .primary-content > p[style*="text-align"] {
	font-size: 10px;
	line-height: 1.4;
	color: #9aa5b1;
	margin-top: 1rem;
	margin-bottom: 0;
}

/* Product details — billing summary (overview card) */
.primary-content .product-details > .row {
	align-items: stretch;
}

.primary-content .tophost-product-billing-col {
	display: flex;
	flex-direction: column;
}

.primary-content .tophost-product-billing {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 1.25rem 1.35rem;
	background: #f8fafb;
	border: 1px solid #e8ecef;
	border-radius: 10px;
}

.primary-content .tophost-product-billing__title {
	margin: 0 0 1rem;
	padding-bottom: 0.75rem;
	font-size: 0.9375rem;
	font-weight: 700;
	line-height: 1.3;
	color: #222e3a;
	border-bottom: 1px solid #e8ecef;
}

.primary-content .tophost-product-billing__list {
	margin: 0;
	flex: 1 1 auto;
}

.primary-content .tophost-billing-row {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 0.35rem 1rem;
	margin: 0;
	padding: 0.65rem 0;
	border-bottom: 1px solid #e8ecef;
}

.primary-content .tophost-billing-row:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

.primary-content .tophost-billing-row:first-child {
	padding-top: 0;
}

.primary-content .tophost-billing-row__label,
.primary-content .tophost-billing-row__value {
	margin: 0;
}

.primary-content .tophost-billing-row__label {
	flex: 1 1 42%;
	min-width: 8.5rem;
	font-size: 0.8125rem;
	font-weight: 500;
	line-height: 1.4;
	color: #6c757d;
}

.primary-content .tophost-billing-row__value {
	flex: 1 1 48%;
	min-width: 0;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.45;
	color: #222e3a;
	text-align: right;
}

.primary-content .tophost-billing-row__value--amount {
	font-size: 1rem;
	font-weight: 700;
	color: #222e3a;
}

.primary-content .tophost-billing-badge {
	display: inline-block;
	padding: 0.2rem 0.55rem;
	font-size: 0.75rem;
	font-weight: 600;
	line-height: 1.3;
	color: #222e3a;
	background: #fff;
	border: 1px solid #d0d7de;
	border-radius: 999px;
}

.primary-content .tophost-billing-row--due .tophost-next-due-date {
	color: #ea1010;
	font-weight: 700;
}

.primary-content .tophost-next-due-value {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 0.35rem 0.5rem;
	text-align: right;
}

.primary-content .tophost-billing-row--warning .tophost-billing-row__value {
	color: #ea1010;
}

.primary-content .product-details .product-status {
	border-radius: 10px;
	overflow: hidden;
}

.primary-content .product-details .product-icon {
	background: #f8fafb !important;
	border: 1px solid #e8ecef;
	border-radius: 10px;
}

.primary-content .product-details .product-status-text {
	font-size: 0.8125rem;
	font-weight: 700;
	letter-spacing: 0.04em;
}

/* Product details — upgrade / cancel actions: equal height */
.primary-content .product-details > .row > .col-md-6 > .row {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}

.primary-content .product-details > .row > .col-md-6 > .row > [class*="col-"] {
	display: flex;
	flex-direction: column;
}

.primary-content .product-details > .row > .col-md-6 > .row .btn.btn-block {
	flex: 1 1 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 2.75rem;
	padding: 0.5rem 0.65rem;
	line-height: 1.25;
	text-align: center;
	white-space: normal;
	border: 1px solid transparent;
	box-sizing: border-box;
}

@media (max-width: 767.98px) {
	.primary-content .tophost-product-billing {
		margin-top: 1.25rem;
	}

	.primary-content .tophost-billing-row__label,
	.primary-content .tophost-billing-row__value {
		flex: 1 1 100%;
		text-align: left;
	}

	.primary-content .tophost-next-due-value {
		justify-content: flex-start;
	}
}

/* Product details — overview tab: equal-height columns & cards */
.primary-content #tabOverview > .row {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	margin-bottom: 1.5rem;
}

.primary-content #tabOverview > .row > [class*="col-"] {
	display: flex;
	flex-direction: column;
}

.primary-content #tabOverview > .row > [class*="col-"] > .card,
.primary-content #tabOverview > .row > [class*="col-"] > .panel.card {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	min-height: 100%;
	margin-bottom: 1rem;
}

.primary-content #tabOverview > .row > [class*="col-"] > .card:last-child,
.primary-content #tabOverview > .row > [class*="col-"] > .panel.card:last-child {
	margin-bottom: 0;
}

.primary-content #tabOverview > .row > [class*="col-"] .card-body {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	min-height: 0;
}

.primary-content #tabOverview #cPanelPackagePanel .card-body {
	justify-content: center;
}

.primary-content #tabOverview #cPanelUsagePanel .card-body,
.primary-content #tabOverview .cpanel-usage-stats {
	justify-content: space-between;
	flex: 1 1 auto;
}

.primary-content #tabOverview .cpanel-usage-stats .row {
	flex: 1 1 auto;
	display: flex;
	align-items: center;
}

.primary-content #tabOverview .cpanel-package-details {
	flex: 0 0 auto;
}

/* cPanel quick shortcuts — icon tiles */
#cPanelQuickShortcutsPanel .card-body {
	padding: 1.25rem;
}

#cPanelQuickShortcutsPanel .cpanel-feature-row {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(148px, 1fr));
	gap: 0.75rem;
	margin: 0;
}

#cPanelQuickShortcutsPanel .cpanel-feature-row > [class*="col-"] {
	width: 100%;
	max-width: 100%;
	padding: 0;
	flex: none;
}

#cPanelQuickShortcutsPanel .cpanel-feature-row a {
	display: flex !important;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	min-height: 108px;
	padding: 1rem 0.65rem !important;
	margin-bottom: 0 !important;
	text-decoration: none;
	color: #222e3a;
	font-size: 0.8125rem;
	font-weight: 600;
	line-height: 1.3;
	background: #fff;
	border: 1px solid #e8ecef;
	border-radius: 10px;
	box-shadow: 0 2px 8px rgba(34, 46, 58, 0.06);
	transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
}

#cPanelQuickShortcutsPanel .cpanel-feature-row a:hover,
#cPanelQuickShortcutsPanel .cpanel-feature-row a:focus {
	color: #222e3a;
	background: #f8fafb;
	border-color: #d0d7de;
	box-shadow: 0 4px 14px rgba(34, 46, 58, 0.1);
}

#cPanelQuickShortcutsPanel .cpanel-feature-row img {
	display: block;
	width: 42px;
	height: 42px;
	margin: 0 auto;
	object-fit: contain;
	opacity: 0.92;
}

/* cPanel billing overview — simple */
#cPanelBillingOverviewPanel .card-body {
	padding: 1rem 1.25rem;
	font-size: 0.875rem;
	line-height: 1.5;
}

#cPanelBillingOverviewPanel .card-body > .row {
	margin-left: 0;
	margin-right: 0;
}

#cPanelBillingOverviewPanel .card-body > .row > .col-md-5,
#cPanelBillingOverviewPanel .card-body > .row > .col-md-7 {
	flex: 0 0 50%;
	max-width: 50%;
	background: #fff;
	padding: 0.75rem 1rem;
}

@media (min-width: 768px) {
	#cPanelBillingOverviewPanel .card-body > .row > .col-md-5 {
		padding-right: 1.25rem;
	}

	#cPanelBillingOverviewPanel .card-body > .row > .col-md-7 {
		padding-left: 1.25rem;
		border-left: 1px solid #e8ecef;
	}
}

@media (max-width: 767px) {
	#cPanelBillingOverviewPanel .card-body > .row > .col-md-5,
	#cPanelBillingOverviewPanel .card-body > .row > .col-md-7 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	#cPanelBillingOverviewPanel .card-body > .row > .col-md-7 {
		border-left: none;
		border-top: 1px solid #e8ecef;
		padding-top: 1rem;
		margin-top: 0.5rem;
	}
}

#cPanelBillingOverviewPanel .card-body .row[id] {
	margin-bottom: 0.5rem;
}

#cPanelBillingOverviewPanel .card-body .row[id]:last-child {
	margin-bottom: 0;
}

#cPanelBillingOverviewPanel .card-body .row[id] > [class*="col-"]:first-child {
	color: #6c757d;
}

#cPanelBillingOverviewPanel .card-body .row[id] > [class*="col-"]:last-child {
	color: #222e3a;
	font-weight: 600;
}

#nextDueDate .cpanel-next-due-value {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	gap: 0.35rem 0.5rem;
	text-align: left;
}

#nextDueDate .cpanel-next-due-date {
	color: #ea1010 !important;
	font-weight: 600;
}

#nextDueDate .cpanel-google-calendar-btn,
#productNextDueDate .tophost-google-calendar-btn,
#domainOverviewNextDue .tophost-google-calendar-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.3rem;
	padding: 0.2rem 0.5rem;
	font-size: 0.75rem;
	font-weight: 600;
	line-height: 1.25;
	color: #222e3a;
	text-decoration: none;
	background: #fff;
	border: 1px solid #d0d7de;
	border-radius: 6px;
	white-space: nowrap;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

#nextDueDate .cpanel-google-calendar-btn:hover,
#nextDueDate .cpanel-google-calendar-btn:focus,
#productNextDueDate .tophost-google-calendar-btn:hover,
#productNextDueDate .tophost-google-calendar-btn:focus,
#domainOverviewNextDue .tophost-google-calendar-btn:hover,
#domainOverviewNextDue .tophost-google-calendar-btn:focus {
	color: #222e3a;
	background: #f8fafb;
	border-color: #b8c2cc;
	text-decoration: none;
}

/* Client area — sticky sidebar column (desktop) */
@media (min-width: 992px) {
	#main-body .container > .row > .col-lg-4.col-xl-3 {
		position: sticky;
		top: 1.25rem;
		align-self: flex-start;
		z-index: 20;
		max-height: calc(100vh - 2.5rem);
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}
}

/* Product details — overview sub-tabs */
#tabOverview > ul.nav.nav-tabs.responsive-tabs-sm {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	margin: 0 0 1rem;
	padding: 0.35rem;
	border: 1px solid #e8ecef;
	border-bottom: 1px solid #e8ecef;
	border-radius: 10px;
	background: #f8fafb;
}

#tabOverview > ul.nav.nav-tabs.responsive-tabs-sm .nav-item {
	margin-bottom: 0;
}

#tabOverview > ul.nav.nav-tabs.responsive-tabs-sm .nav-link {
	margin-right: 0;
	border: none !important;
	border-radius: 8px !important;
	padding: 0.5rem 0.9rem;
	font-size: 0.8125rem;
	font-weight: 600;
	line-height: 1.3;
	color: #6c757d;
	background: transparent;
	white-space: nowrap;
	transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

#tabOverview > ul.nav.nav-tabs.responsive-tabs-sm .nav-link:hover,
#tabOverview > ul.nav.nav-tabs.responsive-tabs-sm .nav-link:focus {
	color: #222e3a;
	background: #fff;
	border: none !important;
}

#tabOverview > ul.nav.nav-tabs.responsive-tabs-sm .nav-link.active {
	color: #fff !important;
	background: #222e3a !important;
	border: none !important;
	box-shadow: 0 2px 8px rgba(34, 46, 58, 0.12);
}

#tabOverview > ul.nav.nav-tabs.responsive-tabs-sm .nav-link i {
	margin-right: 0.35rem;
	opacity: 0.9;
}

#tabOverview > .responsive-tabs-sm-connector {
	display: none !important;
}

#tabOverview > .tab-content.product-details-tab-container {
	margin: 0;
	padding: 1.25rem;
	border: 1px solid #e8ecef !important;
	border-top: 1px solid #e8ecef !important;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 2px 8px rgba(34, 46, 58, 0.05);
}

/* Product details — domain / hosting / server info rows */
.product-details-tab-container .tophost-service-info {
	padding: 1rem 1.15rem;
	background: #f8fafb;
	border: 1px solid #e8ecef;
	border-radius: 10px;
}

.product-details-tab-container .tophost-service-info > .row {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: 0.35rem 1rem;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	padding: 0.65rem 0;
	border-bottom: 1px solid #e8ecef;
}

.product-details-tab-container .tophost-service-info > .row:first-child {
	padding-top: 0;
}

.product-details-tab-container .tophost-service-info > .row:last-child {
	margin-bottom: 0;
	border-bottom: 0;
	padding-bottom: 0;
}

.product-details-tab-container .tophost-service-info > .row > [class*="col-"] {
	position: relative;
	width: auto;
	max-width: none;
	padding: 0;
}

.product-details-tab-container .tophost-service-info > .row > .col-sm-5,
.product-details-tab-container .tophost-service-info > .row > [class*="col-sm-5"] {
	flex: 1 1 38%;
	min-width: 8.5rem;
	text-align: left !important;
}

.product-details-tab-container .tophost-service-info > .row > .col-sm-7,
.product-details-tab-container .tophost-service-info > .row > [class*="col-sm-7"] {
	flex: 1 1 58%;
	min-width: 0;
	text-align: left !important;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.45;
	color: #222e3a;
	word-break: break-word;
}

.product-details-tab-container .tophost-service-info > .row > [class*="col-"] strong {
	font-size: 0.8125rem;
	font-weight: 500;
	color: #6c757d;
}

.product-details-tab-container #domain > p {
	margin: 1rem 0 0;
	padding-top: 1rem;
	border-top: 1px solid #e8ecef;
	text-align: left;
}

.product-details-tab-container #domain > p .btn {
	margin: 0 0.5rem 0.5rem 0;
	border: 1px solid transparent;
}

.product-details-tab-container #domain > p .btn-default {
	color: #222e3a;
	background: #fff;
	border-color: #d0d7de;
}

.product-details-tab-container #domain > p .btn-default:hover,
.product-details-tab-container #domain > p .btn-default:focus {
	color: #222e3a;
	background: #f8fafb;
	border-color: #b8c2cc;
}

.product-details-tab-container #domain .module-client-area {
	margin-top: 1.25rem;
	padding-top: 1.25rem;
	border-top: 1px solid #e8ecef;
	text-align: left;
}

@media (max-width: 575.98px) {
	.product-details-tab-container .tophost-service-info > .row > .col-sm-5,
	.product-details-tab-container .tophost-service-info > .row > .col-sm-7,
	.product-details-tab-container .tophost-service-info > .row > [class*="col-sm-5"],
	.product-details-tab-container .tophost-service-info > .row > [class*="col-sm-7"] {
		flex: 1 1 100%;
	}
}

@media (max-width: 767.98px) {
	#tabOverview > ul.nav.nav-tabs.responsive-tabs-sm {
		flex-direction: column;
		width: 100%;
		margin-right: 0;
		border-radius: 10px;
	}

	#tabOverview > ul.nav.nav-tabs.responsive-tabs-sm .nav-item {
		width: 100%;
		margin-left: 0;
		border-bottom: 1px solid #e8ecef !important;
	}

	#tabOverview > ul.nav.nav-tabs.responsive-tabs-sm .nav-item:last-child {
		border-bottom: none !important;
	}

	#tabOverview > ul.nav.nav-tabs.responsive-tabs-sm .nav-link {
		width: 100%;
		text-align: left;
		border-radius: 0 !important;
		padding: 0.65rem 0.9rem;
	}

	#tabOverview > ul.nav.nav-tabs.responsive-tabs-sm .nav-item:first-child .nav-link,
	#tabOverview > ul.nav.nav-tabs.responsive-tabs-sm .nav-item:last-child .nav-link {
		border-radius: 0 !important;
	}

	#tabOverview > ul.nav.nav-tabs.responsive-tabs-sm .nav-link.active {
		border-radius: 0 !important;
	}
}

/* Module client area (Proxmox / Layers2) — action tiles */
.primary-content .module-client-area #layers2 .lu-tiles.lu-row,
.primary-content .module-client-area #layers .lu-tiles.lu-row {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(132px, 1fr));
	align-items: stretch;
	gap: 0.75rem;
	margin: 0;
}

.primary-content .module-client-area #layers2 .lu-tiles > [class*="lu-col"],
.primary-content .module-client-area #layers .lu-tiles > [class*="lu-col"] {
	display: flex;
	width: 100% !important;
	max-width: 100%;
	height: 100%;
	flex: none;
	padding: 0;
	margin-bottom: 0 !important;
}

.primary-content .module-client-area #layers2 a.lu-tile.lu-tile--btn,
.primary-content .module-client-area #layers a.lu-tile.lu-tile--btn {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	width: 100%;
	height: 120px;
	min-height: 120px;
	padding: 1rem 0.65rem !important;
	box-sizing: border-box;
	text-decoration: none;
	color: #222e3a;
	background: #fff !important;
	border: 1px solid #e8ecef !important;
	border-radius: 10px !important;
	box-shadow: 0 2px 8px rgba(34, 46, 58, 0.06) !important;
	transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
}

.primary-content .module-client-area #layers2 a.lu-tile.lu-tile--btn:hover,
.primary-content .module-client-area #layers a.lu-tile.lu-tile--btn:hover {
	color: #222e3a;
	background: #f8fafb !important;
	border-color: #d0d7de !important;
	box-shadow: 0 4px 14px rgba(34, 46, 58, 0.1) !important;
}

.primary-content .module-client-area #layers2 a.lu-tile.lu-tile--btn.lu-is-checked,
.primary-content .module-client-area #layers a.lu-tile.lu-tile--btn.lu-is-checked {
	color: #fff !important;
	background: #222e3a !important;
	border-color: #222e3a !important;
}

.primary-content .module-client-area #layers2 .lu-tile__title,
.primary-content .module-client-area #layers .lu-tile__title {
	flex: 1 1 auto;
	width: 100%;
	margin-top: 0 !important;
	min-height: 2.6em;
	max-width: 100%;
	font-size: 0.8125rem;
	font-weight: 600;
	line-height: 1.3;
	text-align: center;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-pack: center;
}

.primary-content .module-client-area #layers2 a.lu-tile.lu-tile--btn.lu-is-checked .lu-tile__title,
.primary-content .module-client-area #layers a.lu-tile.lu-tile--btn.lu-is-checked .lu-tile__title {
	color: #fff;
}

.primary-content .module-client-area #layers2 .lu-i-c-6x,
.primary-content .module-client-area #layers .lu-i-c-6x {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
}

.primary-content .module-client-area #layers2 .lu-i-c-6x img,
.primary-content .module-client-area #layers .lu-i-c-6x img {
	width: 42px;
	height: 42px;
	object-fit: contain;
}

.primary-content .module-client-area #layers2 .lu-btn__icon.mdi,
.primary-content .module-client-area #layers .lu-btn__icon.mdi {
	font-size: 2rem;
	color: #222e3a;
}

.primary-content .module-client-area #layers2 a.lu-tile.lu-tile--btn.lu-is-checked .lu-btn__icon.mdi,
.primary-content .module-client-area #layers a.lu-tile.lu-tile--btn.lu-is-checked .lu-btn__icon.mdi {
	color: #fff;
}

/* Module client area — VM info tables (Safari text wrap fix) */
.primary-content .module-client-area #layers2 .lu-widget__body table,
.primary-content .module-client-area #layers2 #serviceVmInformation table,
.primary-content .module-client-area #layers .lu-widget__body table {
	table-layout: fixed;
	width: 100%;
	max-width: 100%;
}

.primary-content .module-client-area #layers2 .lu-widget__body table tbody td,
.primary-content .module-client-area #layers2 .lu-widget__body table tbody th,
.primary-content .module-client-area #layers2 #serviceVmInformation table tbody td,
.primary-content .module-client-area #layers2 #serviceVmInformation table tbody th,
.primary-content .module-client-area #layers .lu-widget__body table tbody td,
.primary-content .module-client-area #layers .lu-widget__body table tbody th {
	height: auto !important;
	min-height: 48px;
	white-space: normal !important;
	word-wrap: break-word;
	overflow-wrap: anywhere;
	word-break: break-word;
	vertical-align: top !important;
	line-height: 1.45;
}

.primary-content .module-client-area #layers2 .lu-widget__body table tbody tr,
.primary-content .module-client-area #layers2 #serviceVmInformation table tbody tr,
.primary-content .module-client-area #layers .lu-widget__body table tbody tr {
	height: auto !important;
}

.primary-content .module-client-area #layers2 .lu-widget__body table tbody td:first-child,
.primary-content .module-client-area #layers2 .lu-widget__body table tbody th:first-child,
.primary-content .module-client-area #layers2 #serviceVmInformation table tbody td:first-child,
.primary-content .module-client-area #layers2 #serviceVmInformation table tbody th:first-child {
	width: 32%;
}

.primary-content .module-client-area #layers2 .lu-widget__body table tbody td:last-child,
.primary-content .module-client-area #layers2 .lu-widget__body table tbody td:nth-child(2),
.primary-content .module-client-area #layers2 #serviceVmInformation table tbody td:last-child,
.primary-content .module-client-area #layers2 #serviceVmInformation table tbody td:nth-child(2) {
	width: 68%;
	max-width: 0;
}

/* Layers UI (#layers / #layers2) — TopHost button styles (DNS Manager, modules) */
.primary-content #layers .lu-btn,
.primary-content #layers2 .lu-btn,
.primary-content .mg-wrapper #layers .lu-btn,
.primary-content .mg-wrapper #layers2 .lu-btn {
	border-radius: 8px !important;
	font-weight: 600;
	font-size: 0.8125rem;
	line-height: 1.3;
	border: 1px solid transparent;
	box-shadow: none;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.primary-content #layers .lu-btn--primary,
.primary-content #layers2 .lu-btn--primary,
.primary-content .mg-wrapper #layers .lu-btn--primary,
.primary-content .mg-wrapper #layers2 .lu-btn--primary {
	color: #fff !important;
	background: #222e3a !important;
	border-color: transparent !important;
}

.primary-content #layers .lu-btn--primary:hover,
.primary-content #layers2 .lu-btn--primary:hover,
.primary-content .mg-wrapper #layers .lu-btn--primary:hover,
.primary-content .mg-wrapper #layers2 .lu-btn--primary:hover {
	color: #fff !important;
	background: #1c2334 !important;
	border-color: transparent !important;
}

.primary-content #layers .lu-btn--primary:active,
.primary-content #layers .lu-btn--primary:focus,
.primary-content #layers .lu-btn--primary.is-active,
.primary-content #layers2 .lu-btn--primary:active,
.primary-content #layers2 .lu-btn--primary:focus,
.primary-content #layers2 .lu-btn--primary.is-active,
.primary-content .mg-wrapper #layers .lu-btn--primary:active,
.primary-content .mg-wrapper #layers .lu-btn--primary:focus,
.primary-content .mg-wrapper #layers2 .lu-btn--primary:active,
.primary-content .mg-wrapper #layers2 .lu-btn--primary:focus {
	color: #fff !important;
	background: #1c2334 !important;
	border-color: transparent !important;
	box-shadow: 0 0 0 2px rgba(34, 46, 58, 0.15);
}

.primary-content #layers .lu-btn--default,
.primary-content #layers2 .lu-btn--default,
.primary-content .mg-wrapper #layers .lu-btn--default,
.primary-content .mg-wrapper #layers2 .lu-btn--default {
	color: #222e3a !important;
	background: #fff !important;
	border-color: #d0d7de !important;
}

.primary-content #layers .lu-btn--default:hover,
.primary-content #layers2 .lu-btn--default:hover,
.primary-content .mg-wrapper #layers .lu-btn--default:hover,
.primary-content .mg-wrapper #layers2 .lu-btn--default:hover {
	color: #222e3a !important;
	background: #f8fafb !important;
	border-color: #b8c2cc !important;
}

.primary-content #layers .lu-btn--outline,
.primary-content #layers2 .lu-btn--outline,
.primary-content .mg-wrapper #layers .lu-btn--outline,
.primary-content .mg-wrapper #layers2 .lu-btn--outline {
	color: #222e3a !important;
	background: #fff !important;
	border-color: #d0d7de !important;
}

.primary-content #layers .lu-btn--outline.lu-btn--primary,
.primary-content #layers2 .lu-btn--outline.lu-btn--primary,
.primary-content .mg-wrapper #layers .lu-btn--outline.lu-btn--primary,
.primary-content .mg-wrapper #layers2 .lu-btn--outline.lu-btn--primary {
	color: #222e3a !important;
	background: #fff !important;
	border-color: #222e3a !important;
}

.primary-content #layers .lu-btn--outline.lu-btn--primary:hover,
.primary-content #layers2 .lu-btn--outline.lu-btn--primary:hover,
.primary-content .mg-wrapper #layers .lu-btn--outline.lu-btn--primary:hover,
.primary-content .mg-wrapper #layers2 .lu-btn--outline.lu-btn--primary:hover {
	color: #fff !important;
	background: #222e3a !important;
	border-color: #222e3a !important;
}

.primary-content #layers .lu-btn--danger,
.primary-content #layers2 .lu-btn--danger,
.primary-content .mg-wrapper #layers .lu-btn--danger,
.primary-content .mg-wrapper #layers2 .lu-btn--danger {
	color: #fff !important;
	background: #ea1010 !important;
	border-color: transparent !important;
}

.primary-content #layers .lu-btn--danger:hover,
.primary-content #layers2 .lu-btn--danger:hover,
.primary-content .mg-wrapper #layers .lu-btn--danger:hover,
.primary-content .mg-wrapper #layers2 .lu-btn--danger:hover {
	color: #fff !important;
	background: #c90e0e !important;
	border-color: transparent !important;
}

.primary-content #layers .lu-btn--success,
.primary-content #layers2 .lu-btn--success,
.primary-content .mg-wrapper #layers .lu-btn--success,
.primary-content .mg-wrapper #layers2 .lu-btn--success {
	color: #fff !important;
	background: #222e3a !important;
	border-color: transparent !important;
}

.primary-content #layers .lu-btn--success:hover,
.primary-content #layers2 .lu-btn--success:hover,
.primary-content .mg-wrapper #layers .lu-btn--success:hover,
.primary-content .mg-wrapper #layers2 .lu-btn--success:hover {
	color: #fff !important;
	background: #1c2334 !important;
	border-color: transparent !important;
}

.primary-content #layers .lu-btn--secondary,
.primary-content #layers .lu-btn--info,
.primary-content #layers2 .lu-btn--secondary,
.primary-content #layers2 .lu-btn--info,
.primary-content .mg-wrapper #layers .lu-btn--secondary,
.primary-content .mg-wrapper #layers .lu-btn--info,
.primary-content .mg-wrapper #layers2 .lu-btn--secondary,
.primary-content .mg-wrapper #layers2 .lu-btn--info {
	color: #fff !important;
	background: #222e3a !important;
	border-color: transparent !important;
}

.primary-content #layers .lu-btn--link,
.primary-content #layers2 .lu-btn--link,
.primary-content .mg-wrapper #layers .lu-btn--link,
.primary-content .mg-wrapper #layers2 .lu-btn--link {
	color: #222e3a !important;
	background: transparent !important;
	border-color: transparent !important;
	box-shadow: none;
}

.primary-content #layers .lu-btn--link:hover,
.primary-content #layers2 .lu-btn--link:hover,
.primary-content .mg-wrapper #layers .lu-btn--link:hover,
.primary-content .mg-wrapper #layers2 .lu-btn--link:hover {
	color: #ea1010 !important;
	background: transparent !important;
}

.primary-content #layers .lu-top__toolbar,
.primary-content #layers2 .lu-top__toolbar,
.primary-content .mg-wrapper #layers .lu-top__toolbar,
.primary-content .mg-wrapper #layers2 .lu-top__toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem;
}

/* Layers UI — replace ModulesGarden green accent with TopHost red */
.primary-content #layers .lu-nav__item.is-active > .lu-nav__link,
.primary-content #layers .lu-nav__item.is-active > .lu-nav__link > .lu-nav__link-icon,
.primary-content #layers .lu-nav__link:hover,
.primary-content #layers .lu-nav__link:hover > .lu-nav__link-icon,
.primary-content #layers .lu-navbar__nav .lu-nav:not(.lu-nav--sub) > .lu-nav__item.is-open > .lu-nav__link,
.primary-content #layers .lu-navbar__nav .lu-nav:not(.lu-nav--sub) > .lu-nav__item.is-open > .lu-nav__link > .lu-nav__link-icon,
.primary-content #layers .lu-navbar__nav .lu-nav:not(.lu-nav--sub) > .lu-nav__item.is-active > .lu-nav__link,
.primary-content #layers .lu-navbar__nav .lu-nav:not(.lu-nav--sub) > .lu-nav__item.is-active > .lu-nav__link > .lu-nav__link-icon,
.primary-content #layers2 .lu-nav__item.is-active > .lu-nav__link,
.primary-content #layers2 .lu-nav__item.is-active > .lu-nav__link > .lu-nav__link-icon,
.primary-content #layers2 .lu-nav__link:hover,
.primary-content #layers2 .lu-nav__link:hover > .lu-nav__link-icon,
.primary-content #layers2 .lu-navbar__nav .lu-nav:not(.lu-nav--sub) > .lu-nav__item.is-open > .lu-nav__link,
.primary-content #layers2 .lu-navbar__nav .lu-nav:not(.lu-nav--sub) > .lu-nav__item.is-open > .lu-nav__link > .lu-nav__link-icon,
.primary-content #layers2 .lu-navbar__nav .lu-nav:not(.lu-nav--sub) > .lu-nav__item.is-active > .lu-nav__link,
.primary-content #layers2 .lu-navbar__nav .lu-nav:not(.lu-nav--sub) > .lu-nav__item.is-active > .lu-nav__link > .lu-nav__link-icon,
.primary-content .mg-wrapper #layers .lu-nav__item.is-active > .lu-nav__link,
.primary-content .mg-wrapper #layers .lu-nav__item.is-active > .lu-nav__link > .lu-nav__link-icon,
.primary-content .mg-wrapper #layers .lu-nav__link:hover,
.primary-content .mg-wrapper #layers .lu-nav__link:hover > .lu-nav__link-icon,
.primary-content .mg-wrapper #layers .lu-navbar__nav .lu-nav:not(.lu-nav--sub) > .lu-nav__item.is-open > .lu-nav__link,
.primary-content .mg-wrapper #layers .lu-navbar__nav .lu-nav:not(.lu-nav--sub) > .lu-nav__item.is-open > .lu-nav__link > .lu-nav__link-icon,
.primary-content .mg-wrapper #layers .lu-navbar__nav .lu-nav:not(.lu-nav--sub) > .lu-nav__item.is-active > .lu-nav__link,
.primary-content .mg-wrapper #layers .lu-navbar__nav .lu-nav:not(.lu-nav--sub) > .lu-nav__item.is-active > .lu-nav__link > .lu-nav__link-icon,
.primary-content .mg-wrapper #layers2 .lu-nav__item.is-active > .lu-nav__link,
.primary-content .mg-wrapper #layers2 .lu-nav__item.is-active > .lu-nav__link > .lu-nav__link-icon,
.primary-content .mg-wrapper #layers2 .lu-nav__link:hover,
.primary-content .mg-wrapper #layers2 .lu-nav__link:hover > .lu-nav__link-icon,
.primary-content .mg-wrapper #layers2 .lu-navbar__nav .lu-nav:not(.lu-nav--sub) > .lu-nav__item.is-open > .lu-nav__link,
.primary-content .mg-wrapper #layers2 .lu-navbar__nav .lu-nav:not(.lu-nav--sub) > .lu-nav__item.is-open > .lu-nav__link > .lu-nav__link-icon,
.primary-content .mg-wrapper #layers2 .lu-navbar__nav .lu-nav:not(.lu-nav--sub) > .lu-nav__item.is-active > .lu-nav__link,
.primary-content .mg-wrapper #layers2 .lu-navbar__nav .lu-nav:not(.lu-nav--sub) > .lu-nav__item.is-active > .lu-nav__link > .lu-nav__link-icon {
	color: #ea1010 !important;
}

.primary-content #layers .lu-nav--tabs .lu-nav__item.is-active > .lu-nav__link:after,
.primary-content #layers .lu-nav--tabs .lu-nav__link.is-active:after,
.primary-content #layers .lu-nav--tabs.lu-nav--h .lu-nav__item.is-active .lu-nav__link:after,
.primary-content #layers .lu-nav--tabs.lu-nav--h .lu-nav__link.is-active:after,
.primary-content #layers2 .lu-nav--tabs .lu-nav__item.is-active > .lu-nav__link:after,
.primary-content #layers2 .lu-nav--tabs .lu-nav__link.is-active:after,
.primary-content .mg-wrapper #layers .lu-nav--tabs .lu-nav__item.is-active > .lu-nav__link:after,
.primary-content .mg-wrapper #layers .lu-nav--tabs .lu-nav__link.is-active:after,
.primary-content .mg-wrapper #layers2 .lu-nav--tabs .lu-nav__item.is-active > .lu-nav__link:after,
.primary-content .mg-wrapper #layers2 .lu-nav--tabs .lu-nav__link.is-active:after {
	background: #ea1010 !important;
}

.primary-content #layers .lu-badge--success,
.primary-content #layers .groupZonesCounter,
.primary-content #layers .lu-badge[style*="62ca5f"],
.primary-content #layers .lu-badge[style*="62CA5F"],
.primary-content #layers .lu-badge[style*="98, 202, 95"],
.primary-content #layers2 .lu-badge--success,
.primary-content #layers2 .groupZonesCounter,
.primary-content .mg-wrapper #layers .lu-badge--success,
.primary-content .mg-wrapper #layers .groupZonesCounter,
.primary-content .mg-wrapper #layers2 .lu-badge--success,
.primary-content .mg-wrapper #layers2 .groupZonesCounter {
	color: #fff !important;
	background-color: #ea1010 !important;
	border-color: #ea1010 !important;
}

.primary-content #layers .lu-badge--success.lu-badge--outline,
.primary-content #layers2 .lu-badge--success.lu-badge--outline,
.primary-content .mg-wrapper #layers .lu-badge--success.lu-badge--outline,
.primary-content .mg-wrapper #layers2 .lu-badge--success.lu-badge--outline {
	color: #ea1010 !important;
	background-color: transparent !important;
	border-color: #ea1010 !important;
}

.primary-content .mg-wrapper #layers .lu-has-dropdown .drop-content .lu-dropdown__item .lu-dropdown__link .lu-preloader:before,
.primary-content .mg-wrapper #layers2 .lu-has-dropdown .drop-content .lu-dropdown__item .lu-dropdown__link .lu-preloader:before,
.primary-content #layers .lu-has-dropdown .drop-content .lu-dropdown__item .lu-dropdown__link .lu-preloader:before,
.primary-content #layers2 .lu-has-dropdown .drop-content .lu-dropdown__item .lu-dropdown__link .lu-preloader:before {
	border-top-color: #ea1010 !important;
}

.primary-content .mg-wrapper #layers .lu-has-dropdown .drop-content .lu-dropdown__item a.lu-dropdown__link:hover,
.primary-content .mg-wrapper #layers2 .lu-has-dropdown .drop-content .lu-dropdown__item a.lu-dropdown__link:hover,
.primary-content #layers .lu-has-dropdown .drop-content .lu-dropdown__item a.lu-dropdown__link:hover,
.primary-content #layers2 .lu-has-dropdown .drop-content .lu-dropdown__item a.lu-dropdown__link:hover {
	color: #ea1010 !important;
}

/* DNS Manager — tighten module nav ↔ zone list spacing */
.primary-content .mg-wrapper #layers .lu-app-navbar.customNav,
.primary-content .mg-wrapper #layers .lu-app .customNav,
.primary-content #layers .lu-app-navbar.customNav {
	margin-bottom: 0.5rem !important;
}

.primary-content .mg-wrapper #layers .vue-app-main-container > .lu-row:first-child,
.primary-content #layers .vue-app-main-container > .lu-row:first-child {
	min-height: 0;
	margin: 0 !important;
	padding: 0 !important;
}

.primary-content .mg-wrapper #layers #groupsContainer,
.primary-content #layers #groupsContainer {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

/* DNS Manager — zone group cards (groupsContainer / grouptable widgets) */
.primary-content .mg-wrapper #layers #groupsContainer,
.primary-content #layers #groupsContainer {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.primary-content .mg-wrapper #layers #groupsContainer .lu-column,
.primary-content #layers #groupsContainer .lu-column {
	margin-bottom: 0 !important;
}

.primary-content .mg-wrapper #layers #groupsContainer .lu-column > [id^="grouptable_"]:not(.lu-col-md-12),
.primary-content #layers #groupsContainer .lu-column > [id^="grouptable_"]:not(.lu-col-md-12),
.primary-content .mg-wrapper #layers #groupsContainer .lu-widget.vueDatatableTable,
.primary-content #layers #groupsContainer .lu-widget.vueDatatableTable {
	border: 1px solid #e8ecef !important;
	border-radius: 12px !important;
	box-shadow: none !important;
	background: #fff !important;
	overflow: hidden;
	margin-bottom: 1.25rem !important;
}

.primary-content .mg-wrapper #layers .lu-widget.vueDatatableTable,
.primary-content #layers .lu-widget.vueDatatableTable {
	border: 1px solid #e8ecef !important;
	border-radius: 12px !important;
	box-shadow: 0 2px 8px rgba(34, 46, 58, 0.05) !important;
	background: #fff !important;
	overflow: hidden;
}

.primary-content .mg-wrapper #layers .lu-widget.vueDatatableTable .lu-widget,
.primary-content #layers .lu-widget.vueDatatableTable .lu-widget {
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	margin-bottom: 0 !important;
}

.primary-content .mg-wrapper #layers .lu-widget.vueDatatableTable > .lu-widget__header,
.primary-content #layers .lu-widget.vueDatatableTable > .lu-widget__header {
	background: #f8fafb;
	border-bottom: 1px solid #e8ecef;
}

.primary-content .mg-wrapper #layers .lu-widget.vueDatatableTable .lu-widget__top,
.primary-content #layers .lu-widget.vueDatatableTable .lu-widget__top {
	min-height: 56px;
	padding: 0.75rem 1.25rem;
}

.primary-content .mg-wrapper #layers .lu-widget.vueDatatableTable .lu-top__title,
.primary-content #layers .lu-widget.vueDatatableTable .lu-top__title {
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.35;
	color: #222e3a;
}

.primary-content .mg-wrapper #layers .lu-widget.vueDatatableTable .lu-top__toolbar,
.primary-content #layers .lu-widget.vueDatatableTable .lu-top__toolbar {
	gap: 0.5rem;
}

.primary-content .mg-wrapper #layers .lu-widget.vueDatatableTable > .lu-widget__body,
.primary-content #layers .lu-widget.vueDatatableTable > .lu-widget__body,
.primary-content .mg-wrapper #layers #groupsContainer [id^="grouptable_"] .lu-widget__body,
.primary-content #layers #groupsContainer [id^="grouptable_"] .lu-widget__body {
	background: #fff;
	padding-bottom: 0 !important;
	flex: 0 0 auto !important;
	flex-grow: 0 !important;
	min-height: 0 !important;
}

.primary-content .mg-wrapper #layers #groupsContainer .lu-column > [id^="grouptable_"]:not(.lu-col-md-12),
.primary-content #layers #groupsContainer .lu-column > [id^="grouptable_"]:not(.lu-col-md-12) {
	min-height: 0 !important;
	height: auto !important;
	margin-bottom: 1.25rem !important;
	padding-bottom: 0 !important;
}

.primary-content .mg-wrapper #layers #groupsContainer .lu-row > .lu-col-md-12[id^="grouptable_"],
.primary-content #layers #groupsContainer .lu-row > .lu-col-md-12[id^="grouptable_"] {
	min-height: 0 !important;
	height: 100% !important;
	margin-bottom: 1.25rem !important;
	padding-bottom: 0 !important;
}

.primary-content .mg-wrapper #layers #groupsContainer .lu-t-c,
.primary-content #layers #groupsContainer .lu-t-c,
.primary-content .mg-wrapper #layers #groupsContainer .datatableLoader,
.primary-content #layers #groupsContainer .datatableLoader {
	flex: 0 0 auto !important;
	flex-grow: 0 !important;
	min-height: 0 !important;
}

.primary-content .mg-wrapper #layers #groupsContainer [id^="grouptable_"] .lu-widget__content,
.primary-content #layers #groupsContainer [id^="grouptable_"] .lu-widget__content,
.primary-content .mg-wrapper #layers #groupsContainer .datatableLoader,
.primary-content #layers #groupsContainer .datatableLoader {
	padding: 0 !important;
	margin-bottom: 0 !important;
}

.primary-content .mg-wrapper #layers .lu-widget.vueDatatableTable .dataTables_wrapper,
.primary-content #layers .lu-widget.vueDatatableTable .dataTables_wrapper,
.primary-content .mg-wrapper #layers #groupsContainer .dataTables_wrapper,
.primary-content #layers #groupsContainer .dataTables_wrapper,
.primary-content .mg-wrapper #layers #groupsContainer .dataTables_wrapper > div,
.primary-content #layers #groupsContainer .dataTables_wrapper > div {
	border-radius: 0;
	box-shadow: none !important;
	overflow: hidden;
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}

.primary-content .mg-wrapper #layers .lu-widget.vueDatatableTable .lu-table thead th,
.primary-content .mg-wrapper #layers .lu-widget.vueDatatableTable .lu-table thead td,
.primary-content #layers .lu-widget.vueDatatableTable .lu-table thead th,
.primary-content #layers .lu-widget.vueDatatableTable .lu-table thead td {
	padding: 0.75rem 1rem;
	height: auto;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #6c757d;
	background: #f8fafb;
	border-top: none !important;
	border-bottom: 1px solid #e8ecef !important;
}

.primary-content .mg-wrapper #layers .lu-widget.vueDatatableTable .lu-table tbody td,
.primary-content .mg-wrapper #layers .lu-widget.vueDatatableTable .lu-table tbody th,
.primary-content #layers .lu-widget.vueDatatableTable .lu-table tbody td,
.primary-content #layers .lu-widget.vueDatatableTable .lu-table tbody th {
	padding: 0.85rem 1rem;
	font-size: 0.875rem;
	color: #222e3a;
	border-bottom: 1px solid #f0f3f6 !important;
}

.primary-content .mg-wrapper #layers .lu-widget.vueDatatableTable .lu-table tbody tr:last-child td,
.primary-content .mg-wrapper #layers .lu-widget.vueDatatableTable .lu-table tbody tr:last-child th,
.primary-content #layers .lu-widget.vueDatatableTable .lu-table tbody tr:last-child td,
.primary-content #layers .lu-widget.vueDatatableTable .lu-table tbody tr:last-child th,
.primary-content .mg-wrapper #layers #groupsContainer .lu-table tbody tr:last-child td,
.primary-content .mg-wrapper #layers #groupsContainer .lu-table tbody tr:last-child th,
.primary-content #layers #groupsContainer .lu-table tbody tr:last-child td,
.primary-content #layers #groupsContainer .lu-table tbody tr:last-child th {
	border-bottom: none !important;
	padding-bottom: 0.85rem !important;
}

.primary-content .mg-wrapper #layers #groupsContainer .lu-table tbody td,
.primary-content .mg-wrapper #layers #groupsContainer .lu-table tbody th,
.primary-content #layers #groupsContainer .lu-table tbody td,
.primary-content #layers #groupsContainer .lu-table tbody th {
	height: auto !important;
	min-height: 0 !important;
	line-height: 1.4;
	border-radius: 0 !important;
	box-shadow: none !important;
	padding-bottom: 0.85rem !important;
}

.primary-content .mg-wrapper #layers #groupsContainer .lu-table tbody td:not(.lu-cell-actions):not(.mgTableActions),
.primary-content #layers #groupsContainer .lu-table tbody td:not(.lu-cell-actions):not(.mgTableActions) {
	font-size: 1rem !important;
	font-weight: 600;
	color: #ea1010 !important;
}

.primary-content .mg-wrapper #layers #groupsContainer .lu-table tbody td:not(.lu-cell-actions):not(.mgTableActions) a,
.primary-content #layers #groupsContainer .lu-table tbody td:not(.lu-cell-actions):not(.mgTableActions) a {
	font-size: 1rem !important;
	font-weight: 600;
	color: #ea1010 !important;
	text-decoration: none;
}

.primary-content .mg-wrapper #layers #groupsContainer .lu-table tbody td:not(.lu-cell-actions):not(.mgTableActions) a:hover,
.primary-content .mg-wrapper #layers #groupsContainer .lu-table tbody td:not(.lu-cell-actions):not(.mgTableActions) a:hover,
.primary-content .mg-wrapper #layers #groupsContainer .lu-table tbody td:not(.lu-cell-actions):not(.mgTableActions) a:focus,
.primary-content #layers #groupsContainer .lu-table tbody td:not(.lu-cell-actions):not(.mgTableActions) a:focus {
	color: #c40d0d !important;
	text-decoration: underline;
}

.primary-content .mg-wrapper #layers #groupsContainer .lu-table,
.primary-content #layers #groupsContainer .lu-table {
	margin-bottom: 0 !important;
}

.primary-content .mg-wrapper #layers .lu-widget.vueDatatableTable .lu-table tbody tr:hover td,
.primary-content .mg-wrapper #layers .lu-widget.vueDatatableTable .lu-table tbody tr:hover th,
.primary-content #layers .lu-widget.vueDatatableTable .lu-table tbody tr:hover td,
.primary-content #layers .lu-widget.vueDatatableTable .lu-table tbody tr:hover th {
	background: #f8fafb;
}

.primary-content .mg-wrapper #layers .lu-widget.vueDatatableTable .dataTables_wrapper > div[style*="text-align: center"],
.primary-content #layers .lu-widget.vueDatatableTable .dataTables_wrapper > div[style*="text-align: center"] {
	padding: 1.5rem 1.25rem !important;
	font-size: 0.875rem;
	font-weight: 500;
	color: #6c757d;
	background: #f8fafb;
	border-top: 1px solid #e8ecef !important;
}

.primary-content .mg-wrapper #layers #groupsContainer .dataTables_wrapper > div[style*="text-align: center"]:not([style*="display: none"]),
.primary-content #layers #groupsContainer .dataTables_wrapper .lu-preloader-container {
	margin: 0 !important;
	padding: 0 !important;
}

.primary-content .mg-wrapper #layers #groupsContainer .lu-widget__body .lu-widget,
.primary-content #layers #groupsContainer .lu-widget__body .lu-widget {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

.primary-content .mg-wrapper #layers #groupsContainer .table-footer,
.primary-content .mg-wrapper #layers #groupsContainer .lu-t-c__footer,
.primary-content #layers #groupsContainer .table-footer,
.primary-content #layers #groupsContainer .lu-t-c__footer {
	display: none !important;
	height: 0 !important;
	min-height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
	overflow: hidden !important;
}

.primary-content .mg-wrapper #layers .lu-widget.vueDatatableTable .table-footer,
.primary-content #layers .lu-widget.vueDatatableTable .table-footer {
	padding: 0.75rem 1.25rem;
	background: #f8fafb;
	border-top: 1px solid #e8ecef;
}

.primary-content .mg-wrapper #layers #groupsContainer .lu-table tbody tr:last-child td.mgTableActions,
.primary-content .mg-wrapper #layers #groupsContainer .lu-table tbody tr:last-child td.lu-cell-actions,
.primary-content #layers #groupsContainer .lu-table tbody tr:last-child td.mgTableActions,
.primary-content #layers #groupsContainer .lu-table tbody tr:last-child td.lu-cell-actions {
	padding-bottom: 0.85rem !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

.primary-content .mg-wrapper #layers #groupsContainer .lu-widget.vueDatatableTable,
.primary-content #layers #groupsContainer .lu-widget.vueDatatableTable {
	border-radius: 12px 12px 0 0 !important;
	box-shadow: none !important;
}

.primary-content .mg-wrapper #layers #groupsContainer .lu-widget.vueDatatableTable > .lu-widget__body,
.primary-content #layers #groupsContainer .lu-widget.vueDatatableTable > .lu-widget__body,
.primary-content .mg-wrapper #layers #groupsContainer .dataTables_wrapper,
.primary-content #layers #groupsContainer .dataTables_wrapper,
.primary-content .mg-wrapper #layers #groupsContainer .lu-table,
.primary-content #layers #groupsContainer .lu-table {
	border-radius: 0 !important;
	box-shadow: none !important;
}

.primary-content .mg-wrapper #layers #groupsContainer .lu-table tbody td.mgTableActions,
.primary-content .mg-wrapper #layers #groupsContainer .lu-table tbody td.lu-cell-actions,
.primary-content #layers #groupsContainer .lu-table tbody td.mgTableActions,
.primary-content #layers #groupsContainer .lu-table tbody td.lu-cell-actions,
.primary-content .mg-wrapper #layers #groupsContainer .lu-table tbody tr:hover td,
.primary-content .mg-wrapper #layers #groupsContainer .lu-table tbody tr:hover th,
.primary-content #layers #groupsContainer .lu-table tbody tr:hover td,
.primary-content #layers #groupsContainer .lu-table tbody tr:hover th {
	box-shadow: none !important;
}

.primary-content .mg-wrapper #layers #groupsContainer .lu-table tbody td.mgTableActions,
.primary-content .mg-wrapper #layers #groupsContainer .lu-table tbody td.lu-cell-actions,
.primary-content #layers #groupsContainer .lu-table tbody td.mgTableActions,
.primary-content #layers #groupsContainer .lu-table tbody td.lu-cell-actions {
	display: flex !important;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 0.5rem;
	padding-bottom: 0.85rem !important;
	white-space: nowrap;
}

/* DNS Manager — zone row action icon buttons (edit / delete) */
.primary-content .mg-wrapper #layers #groupsContainer .lu-table tbody td.mgTableActions .lu-btn.lu-btn--icon,
.primary-content .mg-wrapper #layers #groupsContainer .lu-table tbody td.lu-cell-actions .lu-btn.lu-btn--icon,
.primary-content #layers #groupsContainer .lu-table tbody td.mgTableActions .lu-btn.lu-btn--icon,
.primary-content #layers #groupsContainer .lu-table tbody td.lu-cell-actions .lu-btn.lu-btn--icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 2.25rem !important;
	height: 2.25rem !important;
	min-width: 2.25rem !important;
	min-height: 2.25rem !important;
	padding: 0 !important;
	margin: 0 !important;
	border-radius: 8px !important;
	border: 1px solid #d0d7de !important;
	background: #fff !important;
	box-shadow: none !important;
	vertical-align: middle;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.primary-content .mg-wrapper #layers #groupsContainer .lu-table tbody td.mgTableActions .lu-btn.lu-btn--icon .lu-btn__icon,
.primary-content .mg-wrapper #layers #groupsContainer .lu-table tbody td.mgTableActions .lu-btn.lu-btn--icon .lu-dropdown__link-icon,
.primary-content .mg-wrapper #layers #groupsContainer .lu-table tbody td.lu-cell-actions .lu-btn.lu-btn--icon .lu-btn__icon,
.primary-content .mg-wrapper #layers #groupsContainer .lu-table tbody td.lu-cell-actions .lu-btn.lu-btn--icon .lu-dropdown__link-icon,
.primary-content #layers #groupsContainer .lu-table tbody td.mgTableActions .lu-btn.lu-btn--icon .lu-btn__icon,
.primary-content #layers #groupsContainer .lu-table tbody td.mgTableActions .lu-btn.lu-btn--icon .lu-dropdown__link-icon,
.primary-content #layers #groupsContainer .lu-table tbody td.lu-cell-actions .lu-btn.lu-btn--icon .lu-btn__icon,
.primary-content #layers #groupsContainer .lu-table tbody td.lu-cell-actions .lu-btn.lu-btn--icon .lu-dropdown__link-icon {
	font-size: 1.125rem !important;
	line-height: 1 !important;
	width: auto !important;
	height: auto !important;
}

.primary-content .mg-wrapper #layers #groupsContainer .lu-table tbody td.mgTableActions .lu-btn.lu-btn--default.lu-btn--icon,
.primary-content .mg-wrapper #layers #groupsContainer .lu-table tbody td.lu-cell-actions .lu-btn.lu-btn--default.lu-btn--icon,
.primary-content #layers #groupsContainer .lu-table tbody td.mgTableActions .lu-btn.lu-btn--default.lu-btn--icon,
.primary-content #layers #groupsContainer .lu-table tbody td.lu-cell-actions .lu-btn.lu-btn--default.lu-btn--icon {
	color: #222e3a !important;
	background: #fff !important;
	border-color: #d0d7de !important;
}

.primary-content .mg-wrapper #layers #groupsContainer .lu-table tbody td.mgTableActions .lu-btn.lu-btn--default.lu-btn--icon:hover,
.primary-content .mg-wrapper #layers #groupsContainer .lu-table tbody td.mgTableActions .lu-btn.lu-btn--default.lu-btn--icon:focus,
.primary-content .mg-wrapper #layers #groupsContainer .lu-table tbody td.lu-cell-actions .lu-btn.lu-btn--default.lu-btn--icon:hover,
.primary-content .mg-wrapper #layers #groupsContainer .lu-table tbody td.lu-cell-actions .lu-btn.lu-btn--default.lu-btn--icon:focus,
.primary-content #layers #groupsContainer .lu-table tbody td.mgTableActions .lu-btn.lu-btn--default.lu-btn--icon:hover,
.primary-content #layers #groupsContainer .lu-table tbody td.mgTableActions .lu-btn.lu-btn--default.lu-btn--icon:focus,
.primary-content #layers #groupsContainer .lu-table tbody td.lu-cell-actions .lu-btn.lu-btn--default.lu-btn--icon:hover,
.primary-content #layers #groupsContainer .lu-table tbody td.lu-cell-actions .lu-btn.lu-btn--default.lu-btn--icon:focus {
	color: #222e3a !important;
	background: #f8fafb !important;
	border-color: #b8c2cc !important;
}

.primary-content .mg-wrapper #layers #groupsContainer .lu-table tbody td.mgTableActions .lu-btn.lu-btn--danger.lu-btn--icon,
.primary-content .mg-wrapper #layers #groupsContainer .lu-table tbody td.lu-cell-actions .lu-btn.lu-btn--danger.lu-btn--icon,
.primary-content #layers #groupsContainer .lu-table tbody td.mgTableActions .lu-btn.lu-btn--danger.lu-btn--icon,
.primary-content #layers #groupsContainer .lu-table tbody td.lu-cell-actions .lu-btn.lu-btn--danger.lu-btn--icon {
	color: #ea1010 !important;
	background: #fff5f5 !important;
	border-color: #f5c2c2 !important;
}

.primary-content .mg-wrapper #layers #groupsContainer .lu-table tbody td.mgTableActions .lu-btn.lu-btn--danger.lu-btn--icon:hover,
.primary-content .mg-wrapper #layers #groupsContainer .lu-table tbody td.mgTableActions .lu-btn.lu-btn--danger.lu-btn--icon:focus,
.primary-content .mg-wrapper #layers #groupsContainer .lu-table tbody td.lu-cell-actions .lu-btn.lu-btn--danger.lu-btn--icon:hover,
.primary-content .mg-wrapper #layers #groupsContainer .lu-table tbody td.lu-cell-actions .lu-btn.lu-btn--danger.lu-btn--icon:focus,
.primary-content #layers #groupsContainer .lu-table tbody td.mgTableActions .lu-btn.lu-btn--danger.lu-btn--icon:hover,
.primary-content #layers #groupsContainer .lu-table tbody td.mgTableActions .lu-btn.lu-btn--danger.lu-btn--icon:focus,
.primary-content #layers #groupsContainer .lu-table tbody td.lu-cell-actions .lu-btn.lu-btn--danger.lu-btn--icon:hover,
.primary-content #layers #groupsContainer .lu-table tbody td.lu-cell-actions .lu-btn.lu-btn--danger.lu-btn--icon:focus {
	color: #fff !important;
	background: #ea1010 !important;
	border-color: #ea1010 !important;
}

.primary-content .mg-wrapper #layers #groupsContainer .lu-table tbody td.mgTableActions .lu-btn.lu-btn--danger.lu-btn--icon:hover .lu-btn__icon,
.primary-content .mg-wrapper #layers #groupsContainer .lu-table tbody td.mgTableActions .lu-btn.lu-btn--danger.lu-btn--icon:focus .lu-btn__icon,
.primary-content .mg-wrapper #layers #groupsContainer .lu-table tbody td.lu-cell-actions .lu-btn.lu-btn--danger.lu-btn--icon:hover .lu-btn__icon,
.primary-content .mg-wrapper #layers #groupsContainer .lu-table tbody td.lu-cell-actions .lu-btn.lu-btn--danger.lu-btn--icon:focus .lu-btn__icon,
.primary-content #layers #groupsContainer .lu-table tbody td.mgTableActions .lu-btn.lu-btn--danger.lu-btn--icon:hover .lu-btn__icon,
.primary-content #layers #groupsContainer .lu-table tbody td.mgTableActions .lu-btn.lu-btn--danger.lu-btn--icon:focus .lu-btn__icon,
.primary-content #layers #groupsContainer .lu-table tbody td.lu-cell-actions .lu-btn.lu-btn--danger.lu-btn--icon:hover .lu-btn__icon,
.primary-content #layers #groupsContainer .lu-table tbody td.lu-cell-actions .lu-btn.lu-btn--danger.lu-btn--icon:focus .lu-btn__icon {
	color: #fff !important;
}
.cart-sidebar [menuItemName="Choose Currency"],
.sidebar-collapsed > div:nth-child(3),
.sidebar-collapsed > .form-inline.pull-right {
    display: none !important;
}