img {
	max-width: 100%;
	display: block;
	height: auto;
	vertical-align: middle;
	font-style: italic;
	background-repeat: no-repeat;
	background-size: cover;
	shape-margin: 0.75rem;
}

:root {
	/* COLORS */
	--clr-indianred-100: hsl(0, 64%, 52%);
	--clr-indianred-200: hsl(0, 53%, 58%);
	--clr-primary-redlink-100: hsl(0, 100%, 27.1%);
	--clr-primary-redlink-200: hsl(0, 100%, 23.1%);
	--clr-primary-red-100: hsl(0, 40%, 52%);
	--clr-primary-red-200: hsl(0, 40%, 55%);
	--clr-primary-red-300: hsl(10, 50%, 55%);
	--clr-primary-dark-100: hsl(218, 28%, 35%);
	--clr-primary-dark-200: hsl(203, 30%, 26%);
	--clr-primary-blue-100: hsl(207, 100%, 35%);
	--clr-primary-blue-200: hsl(207, 100%, 43%);
	--clr-primary-blue-300: hsl(197, 100%, 39%);
	--clr-primary-gray-100: hsl(210, 13%, 53%);
	--clr-primary-gray-200: hsl(70, 10%, 64%);
	--clr-primary-gray-400: hsl(0, 0%, 75%);
	--clr-primary-black-100: hsl(0, 0%, 0%);
	--clr-primary-black-200: hsl(5, 0%, 10%);
	--clr-primary-black-300: hsl(5, 0%, 20%);
	--clr-primary-black-400: hsl(223, 19%, 14%);
	--clr-primary-white-100: hsl(0, 0%, 98%);
	--clr-primary-white-200: hsl(0, 0%, 90%);
	--clr-primary-white-300: hsl(0, 0%, 96%);
	--clr-primary-green-100: hsl(100, 50%, 40%);
	--clr-primary-green-200: hsl(80, 50%, 40%);
	--clr-primary-green-300: hsl(70, 50%, 40%);
	--clr-site-background: hsl(0 0% 50% / 25%);
}

/* TYPOGRAPHY */
html {
	font-family: Roboto, system-ui, sans-serif;
}

.body {
	--hs: clamp(1.62rem, 0.1454rem + 7.3728cqi, 5.8594rem);
	--ps: clamp(0.7813rem, 0.3852rem + 1.9804cqi, 1.92rem);
}

body {
	background-color: var(--clr-primary-dark-100) !important;
}
.main-body {
	color: var(--clr-primary-white-100) !important;
}
header.header {
	background-color: var(--clr-primary-dark-200);
}

.navbar a {
	color: var(--clr-primary-white-100) !important;
}

.navbar .dropdown-item a {
	color: var(--clr-primary-black-100) !important;
}

#products br,
.products br {
	display: none !important;
}
.product {
	padding: 0;
	margin: 0;
	padding-inline: 0.25rem;

	.hosting-plan {
		background-color: #000;
		padding-block: 0.1rem;
		p {
			margin: 0;
			padding: 0;
		}
	}
	header {
		font-size: 2rem;
		text-transform: uppercase;
		margin: 0;
		padding: 0;
	}
	ul {
		padding: 0;
		margin-inline: 0;
		list-style-type: none;
		margin-block: 2rem;
		background-color: transparent;
	}
	li {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0;
		margin: 0;
		background-color: #000;
		color: #fff;
		padding-inline: 0.5rem;
		margin-block: 0.1rem;
		font-size: 1rem;
		.label {
			font-size: 1rem !important;
		}
	}
	.hosting-plan {
		color: var(--clr-primary-white-100);
		padding-inline-end: 0.1rem;
	}
	footer {
		color: var(--clr-primary-dark-100);
	}
}
.product-desc {
	min-width: 100% !important;
}
.domain-checker-container {
	background: transparent;
	background-color: var(--clr-primary-dark-200) !important;
}

.secondary-cart-body .unstyled-list br {
	display: none;
}
#order-standard_cart .cart-body {
	p,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	label {
		color: #fff !important;
	}
	a {
		color: #ff0000;
	}
}
#frmProductDomain .option {
	background-color: #6c757d !important;
}
.secondary-cart-body {
	br {
		display: none;
	}
	.hosting-plan {
		background-color: #000;
		padding-block: 0.1rem;
		p {
			margin: 0;
			padding: 0;
		}
	}
	header {
		font-size: 2rem;
		text-transform: uppercase;
		margin: 0;
		padding: 0;
	}
	ul {
		padding: 0;
		margin-inline: 0;
		list-style-type: none;
		margin-block: 2rem;
		background-color: transparent;
	}
	li {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0;
		margin: 0;
		background-color: #000;
		color: #fff;
		padding-inline: 0.5rem;
		margin-block: 0.1rem;
		font-size: 1rem;
		.label {
			font-size: 1rem !important;
		}
	}
	.hosting-plan,
	.product-info .product-title {
		color: var(--clr-primary-white-100);
		padding-inline: 0.1rem;
		text-align: center;
		background-color: #000;
	}
}