:root {
 	/* Colors */
 	--c-b2bBrandColor: var(--dxp-g-brand);
 	--c-b2bAlmostWhite: #F3F3F3;
 	--c-b2bWhite: #FFFFFF;
 	--c-b2b-cool-white: #E7EAEE;
 	--c-b2bDarkGrey: #5C5C5C;
 	--c-b2bTrueGrey: #939393;
 	--c-b2bKawaiiGrey: #C9C9C9;
 	--c-b2bMineShaft: #2E2E2E;
 	--c-b2bLightBlue: #00ACE0;
 	--c-b2bDarkBlueGradient: rgba(7, 21, 44, 0.7);
 	--c-b2bDLightBlueGradient: rgba(5, 98, 138, 0.7);
 	--c-b2b-blue: #17428C;
 	--c-b2b-mya: #12346E;
 	--c-englishBlue: #0E2958;
 	--c-b2b-light-blue: #00ACE0;
 	--c-b2b-cyan: #00799E;
 	--c-b2b-light-cyan: #EAF7FA;
 	--c-b2b-celeste: #6BC9E6;
 	--c-b2b-pink: #FAD6DD;
 	--c-b2b-light-red: #f6b6c2;
 	--c-b2b-red: #96031E;
 	--c-b2b-star-yellow: #E9D201;
 	--c-b2b-success-green: #348131;

 	/* Font size */
 	--c-b2bFontBaseSize: 13px;
 	--c-b2bFontSize10: 10px;
 	--c-b2bFontSize12: 12px;
 	--c-b2bFontSize14: 14px;
 	--c-b2bFontSize16: 16px;
 	--c-b2bFontSize20: 20px;
 	--c-b2bFontSize24: 24px;
 	--c-b2bFontSize28: 28px;
 	--c-b2bFontSize32: 32px;
 	--c-b2bFontSize40: 40px;

 	/* Font style */
 	--c-b2bFontWeightLight: 100;
 	--c-b2bFontWeight300: 300;
 	--c-b2bFontWeight400: 400;
 	--c-b2bFontWeight500: 500;
 	--c-b2bFontWeightBold: 600;
 	--c-b2bFontWeightBolder: 700;
 	--c-b2bFontWeight900: 900;

 	/* Line Heights */
 	--c-b2b-line-height-1_25: 1.25;
 	--c-b2b-line-height-1_33: 1.33;
 	--c-b2b-line-height-1_4: 1.4;

 	--c-b2bSmallerLineHeight: 17px;
 	--c-b2bDefaultLineHeight: 18px;
 	--c-b2bLineHeight19: 19px;
 	--c-b2bLineHeight22: 22px;
 	--c-b2bMediumLineHeight: 28px;
 	--c-b2bLargeLineHeight: 40px;
 	--c-b2bDefaultLetterSpacing: 0%;

 	/* Borders */
 	--c-b2bDefaultBorderRaduis: 9999px;
 	--c-b2bSmallBorderRaduis: 100px;

 	/* Box Shadows */
 	--c-b2bBoxShadowButtonActive: 2px 2px 5px 0px rgba(0, 0, 0, 0.08) inset,
 		0px 0.5px 2px 0px rgba(0, 0, 0, 0.35) inset,
 		0px 1px 0px 0px rgba(0, 0, 0, 0.15) inset;
 	--c-b2bBoxShadowFocus: 0 0 0 2px rgba(255, 255, 255, 1),
 		0 0 0 4px rgba(3, 35, 77, 1);
 	--c-b2bBoxShadowFocusInverse: 0 0 0 2px rgba(3, 35, 77, 1),
 		0 0 0 4px rgba(243, 243, 243, 1);
 }

 /* Body lock on mobile */
 body.modal-scroll-lock,
 html.modal-scroll-lock {
 	overflow: hidden;
 	height: 100%;
 	overscroll-behavior: none;
 }

 html.modal-scroll-lock,
 html.modal-scroll-lock body {
 	/* iOS Safari fix */
 	position: fixed;
 	width: 100%;
 }

 /* Profile Theme column centering fix */
 c-custom-profile-theme-layout .content-section .columns-content {
 	margin: 0 !important;
 }

 /* Common */
 body:has(c-custom-header-logged nav) {
 	padding-top: 93px !important;
 }

 body:has(c-custom-header-checkout) {
 	padding-top: 64px !important;
 }

 @media screen and (max-width: 768px) {
 	body:has(c-custom-header-logged nav) {
 		padding-top: 74px !important;
 	}

 	c-custom-header-logged {
 		margin-bottom: 3px !important;
 		height: 46px !important;
 	}

 	c-custom-profile-theme-layout .search-mobile {
 		display: none !important;
 	}

 	c-custom-profile-theme-layout main.main-content {
 		margin-top: 16px !important;
 	}
 }

 .heading-gradient.center {
 	text-align: center;
 }

 .heading-gradient {
 	text-align: left;
 }

 .heading-gradient h2 {
 	font-size: var(--c-b2bFontSize24);
 	line-height: var(--c-b2b-line-height-1_33);
 }

 @media screen and (min-width: 768px) {
 	.heading-gradient h2 {
 		font-size: var(--c-b2bFontSize28);
 		line-height: var(--c-b2b-line-height-1_25);
 	}
 }

 .heading-gradient * {
 	display: inline-block !important;
 	color: var(--c-b2b-blue);
 	/* fallback */
 	background: linear-gradient(to right, var(--c-b2b-blue), var(--c-b2b-light-blue));
 	background-clip: text;
 	-webkit-background-clip: text;
 	-webkit-text-fill-color: transparent;
 }

 .no-margin-bottom {
 	margin-bottom: 0px !important;
 }

 .horizontal-line.big hr {
 	width: 64px;
 	border-radius: 5px 5px 10px 10px;
 }

 .horizontal-line.small hr {
 	width: 40px;
 	border-radius: 5px 5px 10px 10px;
 }

 /* My profile menu in the left side column */
 commerce_builder-navigation-menu-item-list nav {
 	padding: 8px;
 }

 commerce_builder-navigation-menu-item-list li a {
 	font-weight: var(--c-b2bFontWeight400) !important;
 	font-size: var(--c-b2bFontBaseSize) !important;
 	line-height: var(--c-b2bDefaultLineHeight) !important;
 	letter-spacing: var(--c-b2bDefaultLetterSpacing) !important;
 	color: var(--color-on-surface-1-neutral-40, var(--c-b2bDarkGrey)) !important;
 	padding-top: 8px !important;
 	padding-bottom: 8px !important;
 	padding-left: 24px !important;
 	padding-right: 24px !important;
 }

 commerce_builder-navigation-menu-item-list li.slds-is-active a {
 	font-weight: var(--c-b2bFontWeight500) !important;
 	color: var(--color-on-surface-3-blue-15, var(--c-b2b-blue)) !important;
 	margin-left: -4px !important;
 }

 commerce_builder-navigation-menu-item-list .slds-nav-vertical__item.slds-is-active .slds-nav-vertical__action {
 	background-color: #F6F7F9 !important;
 	box-shadow: inset 4px 0 0 var(--c-b2b-blue) !important;
 	font-weight: var(--c-b2bFontWeight500) !important;
 }

 commerce_builder-navigation-menu-item-list .slds-nav-vertical__item.slds-is-active:before {
 	background-color: transparent !important;
 }

 commerce_builder-navigation-menu-item-list a:hover:not(.slds-button, .slds-dropdown__item > a) {
 	background-color: transparent !important;
 	box-shadow: inset 4px 0 0 transparent !important;
 	text-decoration: none !important;
 }

 commerce_builder-navigation-menu-item-list .slds-nav-vertical__item:hover,
 commerce_builder-navigation-menu-item-list .slds-nav-vertical__item.slds-is-active:before,
 commerce_builder-navigation-menu-item-list .slds-nav-vertical__item:hover:before {
 	background-color: transparent !important;
 }

 /* My profile */
 .right-side-profile {
 	border-left: 1px solid var(--c-b2bKawaiiGrey);
 	margin-bottom: -8px !important;
 }

 /* Projects */
 c-project-list .slds-form-element__help,
 c-project-details .slds-form-element__help {
 	display: none !important;
 }

 c-project-details .slds-form-element {
 	margin-bottom: 0px !important;
 }

 /* Quotes */
 c-quote-details,
 c-cart-item {
 	.quantity-selector svg {
 		border: 1px solid rgba(23, 66, 140, 1) !important;
 		background-color: var(--c-b2b-blue) !important;
 		border-radius: 50% !important;
 		fill: var(--c-b2bWhite) !important;
 	}

 	.quantity-selector svg {
 		width: 14px !important;
 		height: 14px !important;
 	}

 	.quantity-selector button:disabled svg {
 		background-color: rgb(201, 201, 201) !important;
 		border-color: rgb(201, 201, 201) !important;
 	}

 	.quantity-selector button {
 		cursor: default !important;
 	}

 	.quantity-selector button:hover {
 		background-color: var(--c-b2bWhite) !important;
 	}
 }

 @media only screen and (min-width: 1024px) and (max-width: 1279px) {
 	c-project-details {
 		margin: 16px !important;
 	}
 }

 @media (max-width: 768px) {
 	.projects-section {
 		padding: 0px !important;
 	}

 	.my-profile-section {
 		display: none;
 	}

 	c-custom-profile-theme-layout main {
 		justify-content: center;
 	}

 	.right-side-profile {
 		border-left: 0px;
 		margin-top: 24px;
 	}
 }

 /* Add to cart icon */
 @media (max-width: 768px) {

 	c-pdp-pricing c-add-to-cart-button button::before,
 	c-quote-details c-add-quote-item-to-cart-button button::before {
 		content: '';
 		width: 14px;
 		height: 14px;
 		background-image: url("/b2b/sfsites/c/cms/delivery/media/MCVGINUCHPJBD6FB2KUEZH4YJCPM");
 		background-size: contain;
 		background-repeat: no-repeat;
 		margin-right: 8px;
 	}

 	c-pdp-pricing c-add-to-cart-button button,
 	c-quote-details c-add-quote-item-to-cart-button button {
 		height: 40px !important;
 	}
 }

 /* Quick Order */
 c-custom-quick-order {
 	.quantity-selector-label {
 		display: none !important;
 	}

 	c-product-quantity-selector c-common-number-input label {
 		display: none !important;
 	}

 	c-product-quantity-selector svg {
 		border: 1px solid rgba(23, 66, 140, 1) !important;
 		background-color: var(--c-b2b-blue) !important;
 		border-radius: 50% !important;
 		fill: var(--c-b2bWhite) !important;
 	}

 	c-product-quantity-selector .quantity-selector-span {
 		border: 1px solid #5C5C5C !important;
 	}

 	c-common-number-input svg {
 		width: 14px !important;
 		height: 14px !important;
 	}

 	c-common-number-input button:disabled svg {
 		background-color: rgb(201, 201, 201) !important;
 		border-color: rgb(201, 201, 201) !important;
 	}

 	c-common-number-input button {
 		cursor: default !important;
 	}

 	c-common-number-input button:hover {
 		background-color: var(--c-b2bWhite) !important;
 	}
 }

 /* Mini cart */
 .empty-cart-footer .panel-footer {
 	border-top: none !important;
 	box-shadow: none !important;
 }

 /* Mini cart quantity selector */
 site-cart-minicartpanel {
 	.quantity-selector svg {
 		border: 1px solid rgba(23, 66, 140, 1) !important;
 		background-color: var(--c-b2b-blue) !important;
 		border-radius: 50% !important;
 		fill: var(--c-b2bWhite) !important;
 	}

 	.quantity-selector .quantity-selector-span {
 		border: 1px solid #5C5C5C !important;
 	}

 	.quantity-selector svg {
 		width: 14px !important;
 		height: 14px !important;
 	}

 	.quantity-selector button:disabled svg {
 		background-color: rgb(201, 201, 201) !important;
 		border-color: rgb(201, 201, 201) !important;
 	}

 	.quantity-selector button {
 		cursor: default !important;
 	}

 	.quantity-selector button:hover {
 		background-color: var(--c-b2bWhite) !important;
 	}
 }

 /* Product tile*/
 .products-grid {
 	display: flex;
 	justify-content: center;
 	gap: 24px;
 }

 /* wishlist grid */
 .wishlist-container .products-grid {
 	justify-content: flex-start !important;
 	gap: 16px !important;
 }

 .product-tile-wrapper {
 	width: 296px !important;
 }

 .wishlist-container .product-tile-wrapper,
 .wishlist-container .product-tile,
 .wishlist-container .product-image-wrapper {
 	width: 262px !important;
 }

 .wishlist-container .product-image {
 	object-fit: cover !important;
 }

 @media (max-width: 768px) {
 	.products-grid {
 		flex-wrap: wrap;
 		gap: 12px !important;
 	}

 	.wishlist-container .products-grid {
 		gap: 12px !important;
 	}

 	.product-tile-wrapper {
 		width: 158px !important;
 	}

 	.wishlist-container .product-tile-wrapper,
 	.wishlist-container .product-tile,
 	.wishlist-container .product-image-wrapper {
 		width: 158px !important;
 	}

 	.wishlist-container .product-name {
 		line-height: 18px !important;
 	}

 	.btn-addtocart {
 		font-size: 11px !important;
 	}

 	.btn-addtocart svg {
 		display: none !important;
 	}
 }

 @media (max-width: 768px) {
 	body.no-scroll {
 		overflow: hidden !important;
 	}
 }

 /* Custom toast message */
 .slds-notify {
 	display: inline-flex;
 	align-items: center;
 	width: 100%;
 	max-width: 90%;
 	min-width: 0;
 	min-height: 48px;
 	padding: 12px 32px 12px 24px;
 	margin: 16px 0 0;
 	border-radius: 0.5rem;
 	/* Fallback colors if variant not specified: */
 	background-color: #EAF7FA;
 	color: #00799E;
 }

 .slds-notify__content {
 	font-size: 14px;
 	line-height: 19px;
 	font-weight: 500;
 }

 .slds-icon_container {
 	margin-right: 0 !important;
 }

 .slds-notify__close {
 	display: flex;
 	top: 50%;
 	transform: translateY(-53%);
 	right: 12px;
 	cursor: pointer;
 }

 /* Themes */
 .slds-theme_success::before,
 .slds-theme_error::before,
 .slds-theme_info::before {
 	content: '';
 	display: inline-block;
 	width: 24px;
 	height: 24px;
 	background-size: contain;
 	background-repeat: no-repeat;
 	margin-right: 12px;
 	flex: 0 0 24px;
 }

 /* Success */
 .slds-theme_success {
 	background-color: #E9F2E9;
 	color: #348131;
 }

 .slds-theme_success::before {
 	background-image: url("/b2b/sfsites/c/cms/delivery/media/MCFH26SKXVL5GS3IYI7U63MHOCN4");
 }

 .slds-theme_success .slds-notify__close svg {
 	fill: #348131;
 }

 /* Error */
 .slds-theme_error {
 	background-color: #FAD6DD;
 	color: #96031E;
 	color: --c-b2bLightBlue;
 }

 .slds-theme_error::before {
 	background-image: url("/b2b/sfsites/c/cms/delivery/media/MCYVHLXCY6M5EZ3NCQZ3JJE7BKDA");
 }

 .slds-theme_error .slds-notify__close svg {
 	fill: #96031E;
 }

 /* Info */
 .slds-theme_info {
 	background-color: #EAF7FA;
 	color: #00799E;
 }

 .slds-theme_info::before {
 	background-image: url("/b2b/sfsites/c/cms/delivery/media/MCA4EWGZCPFFEKDECZGFQWNGXUQM");
 }

 .slds-theme_info .slds-notify__close svg {
 	fill: #00799E;
 }

 /* Transition */
 @keyframes toast-slide-in {
 	from {
 		opacity: 0;
 		transform: translateY(-20px);
 	}

 	to {
 		opacity: 1;
 		transform: translateY(0);
 	}
 }

 .slds-notify {
 	animation: toast-slide-in 0.3s ease-out;
 }

 @media only screen and (min-width: 768px) {
 	.slds-notify {
 		width: 600px;
 	}

 	.slds-notify__content {
 		font-size: 16px;
 		line-height: 22px;
 		font-weight: 500;
 	}
 }

 /* Theme config */
 .stick-to-footer-section {
 	margin-top: -8px !important;
 }

 /* Search listbox toast message */
 c-custom-header-logged .slds-notify_container {
 	position: absolute !important;
 	width: auto !important;
 	left: -30% !important;
 }

 c-web-to-case-custom .slds-notify_container {
 	left: 0 !important;
 }

 @media only screen and (max-width: 768px) {
 	c-custom-header-logged .slds-notify_container,
	c-web-to-case-custom .slds-notify_container {
 		left: 0 !important;
 	}
 }

 site-cart-items-ui .slds-notify_container {
 	position: fixed !important;
 	width: 100% !important;
 	left: 0 !important;
 }