@charset "ISO-8859-1";

/******************************************************************************
* Default Containers & Styling
******************************************************************************/

.bg-white {
	background-color: #ffffff;
}

.bg-grey {
	background-color: #f5f5f5;
}

.bg-dark {
	background-color: #323232;
}

.bg-blue {
	background-color: #0099ff;
}

.bg-pale-blue {
	background-color: #e4f3ff;
}

.bg-light-blue {
	background-color: #e5f5ff;
}

.bg-dark-blue {
	background-color: #102a4b;
}

.bg-filter {
	background-color: #fcfcfc;
}

article p, article a, article li {
	font-family: 'Centrale Sans Regular', Trebuchet, sans-serif;
	font-weight: 400;
	color: #102a4b;
}

a:link, a:visited, a:hover, a:active {
	color: #102a4b;
}

.thin {
	font-family: 'Centrale Sans Thin', Trebuchet, sans-serif;
	font-weight: 100;
}

.light {
	font-family: 'Centrale Sans Light', Trebuchet, sans-serif;
	font-weight: 300;
}

.medium {
	font-family: 'Centrale Sans Medium', Trebuchet, sans-serif;
	font-weight: 500;
}

strong, 
b {
	font-family: 'Centrale Sans Medium', Trebuchet, sans-serif;
	font-weight: 500;
}

.bold {
	font-family: 'Centrale Sans Bold', Trebuchet, sans-serif;
	font-weight: 700;
}

.text-black {
	color: #2d2d2d;
}

.text-dark-grey {
	color: #454545;
}

.text-white {
	color: #ffffff;
}

.text-blue {
	color: #0099ff;
}

.text-dark-blue {
	color: #102a4b;
}

.text-green {
	color: #8fe854;
}

.text-green-alt {
	color: #16f8ab;
}

.text-red {
	color: #e40000;
}

.text-red-alt {
	color: #ff0000;
}

.text-cmgreen {
	color: #0ee08d;
}

/* Resolves layout bug caused by the loading of Flix media content in the 'Fromn the manufacturer' section */
*, :after, :before {
	box-sizing: border-box !important;
}

/******************************************************************************
* Breadcrumbs - override
******************************************************************************/

#breadcrumbs {
	background-color: #ffffff;
}

#breadcrumbs .ellipsis-mobile {
	display: none;
}

@media screen and (max-width: 575px) {
	#breadcrumbs .hidden-mobile {
		display: none;
	}

	#breadcrumbs .ellipsis-mobile {
		display: inline;
	}
}

/******************************************************************************
* Product Info - Carousel, Key Features and Purchase Section
******************************************************************************/

#purchase-info .sticky-top {
	top: 2rem;
	z-index: 99;
}

@media screen and (max-width: 575px) {
	#purchase-info #carousel-column {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}

	#purchase-info #carousel-column {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}

	#purchase-info .hp-warranty {
		margin-left: -0.75rem;
	}
}

/******************************************************************************
* HP Promotion Badge
******************************************************************************/

#purchase-info .hp-warranty .special-offer-hp {
	/* min-height: 45px; */
	min-height: 47px;
	background-color: #0099ff;
	border-radius: 0.3125rem;
	z-index: 10;
}

#purchase-info .hp-warranty .special-offer-hp p {
	color: #ffffff;
	font-size: 0.875rem;
	padding: 0.8rem 1.2rem;
}

/******************************************************************************
* Warranty Badge
******************************************************************************/

#purchase-info .warranty-section {
	z-index: 10;
}

.warranty-section .warranty-block {
	width: 100%;
	background-color: transparent;
	padding: 0.5rem 0.75rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	/* height: 45px; */
	height: 47px;
}

.warranty-section .warranty-block .warranty-main {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.warranty-section .warranty-block .warranty-main .warranty-val {
	/* background-image: url(https://s3.eu-west-1.amazonaws.com/media.markselectrical.co.uk/item-images/warranty-shield.png);
	width: 45px;
	height: 45px; */
	background-image: url(https://s3.eu-west-1.amazonaws.com/media.markselectrical.co.uk/item-images/warranty-shield.svg);
	width: 47px;
	height: 47px;
}

.warranty-section .warranty-block .warranty-main .warranty-val p {
	font-size: 1.875rem;
	line-height: 1.875rem;
	color: #102a4b;
}

.warranty-section .warranty-block .warranty-main .warranty-text p {
	font-size: 0.8125rem;
	line-height: 1rem;
	color: #102a4b;
}

.warranty-section .warranty-block .warranty-extra p {
	font-size: 0.6875rem;
	color: #102a4b;
}

/******************************************************************************
* Image Carousel
******************************************************************************/

#purchase-info .product-carousel .item-images-container {
	position: relative;
}

#purchase-info .product-carousel .swiper-item-images {
	width: 100%;
	height: 100%;
	margin-bottom: 2rem;
}

#purchase-info .product-carousel .swiper-item-images .swiper-slide {
	cursor: zoom-in;
}

#purchase-info .product-carousel .swiper-item-images .swiper-slide-zoomed {
	cursor: move;
}

#purchase-info .product-carousel .swiper-item-images .swiper-slide img {
	max-height: 450px;
}

#purchase-info .product-carousel .swiper-item-images .swiper-slide .item-video {
	width: 100%;
}

#purchase-info .product-carousel .swiper-item-images .fa-circle-chevron-right {
	position: absolute;
	right: 5px;
	padding: 0.5rem;
	top: calc(50% - 1.5rem);
	font-size: 2.5rem;
	color: #102a4b;
	cursor: pointer;
	z-index: 10;
}

#purchase-info .product-carousel .swiper-item-images .fa-circle-chevron-left {
	position: absolute;
	left: 5px;
	padding: 0.5rem;
	top: calc(50% - 1.5rem);
	font-size: 2.5rem;
	color: #102a4b;
	cursor: pointer;
	z-index: 10;
}

#purchase-info .product-carousel .swiper-item-images .fa-circle-chevron-right.swiper-button-disabled, 
#purchase-info .product-carousel .swiper-item-images .fa-circle-chevron-left.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none;
}

#purchase-info .product-carousel .item-thumbs-container {
	position: relative;
}

#purchase-info .product-carousel .swiper-item-thumbs {
	width: 100%;
	height: 100%;
	max-height: 485px;
	/*--swiper-navigation-color: #707070;*/
}

#purchase-info .product-carousel .swiper-item-thumbs .swiper-slide {
	cursor: pointer;
}

#purchase-info .product-carousel .swiper-item-thumbs .swiper-slide img {
	padding: 0.5rem;
}

#purchase-info .product-carousel .swiper-item-thumbs .swiper-slide i.fa-play {
	position: absolute;
	color: #0099ff;
	filter: drop-shadow(0px 0px 10px #000000);
	font-size: 2rem;
}

#purchase-info .product-carousel .swiper-item-thumbs .swiper-slide-thumb-active img {
	border: 2px solid #0099ff;
	border-radius: 0.625rem;
}

#purchase-info .product-carousel .swiper-item-thumbs .fa-chevron-right {
	position: absolute;
	top: unset;
	right: unset;
	bottom: -2rem;
	left: calc(50% - 0.9375rem);
	padding: 0.5rem;
	font-size: 1.25rem;
	color: #102a4b;
	cursor: pointer;
	transform: rotate(90deg);
	z-index: 10;
}

#purchase-info .product-carousel .swiper-item-thumbs .fa-chevron-left {
	position: absolute;
	top: -2rem;
	right: unset;
	bottom: unset;
	left: calc(50% - 0.9375rem);
	padding: 0.5rem;
	font-size: 1.25rem;
	color: #102a4b;
	cursor: pointer;
	transform: rotate(90deg);
	z-index: 10;
}

@media screen and (max-width: 575px), screen and (min-width: 768px) and (max-width: 1199px) {
	#purchase-info .product-carousel .swiper-item-thumbs .fa-chevron-right {
		position: absolute;
		top: calc(50% - 0.9375rem);
		right: -0.5rem;
		bottom: unset;
		left: unset;
		padding: 0.5rem;
		font-size: 1.25rem;
		color: #102a4b;
		cursor: pointer;
		transform: unset;
		z-index: 10;
	}
	
	#purchase-info .product-carousel .swiper-item-thumbs .fa-chevron-left {
		position: absolute;
		top: calc(50% - 0.9375rem);
		right: unset;
		bottom: unset;
		left: -0.5rem;
		padding: 0.5rem;
		font-size: 1.25rem;
		color: #102a4b;
		cursor: pointer;
		transform: unset;
		z-index: 10;
	}
}

#purchase-info .product-carousel .swiper-item-thumbs .fa-chevron-right.swiper-button-disabled, 
#purchase-info .product-carousel .swiper-item-thumbs .fa-chevron-left.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none;
}

#purchase-info .product-carousel .caption-outer p {
	font-size: 0.8125rem;
}

@media screen and (max-width: 575px) {
	#purchase-info .product-carousel .swiper-item-images .swiper-slide img {
		max-height: 220px;
	}
}

/******************************************************************************
* Documents and Manuals - Discontinued Items
******************************************************************************/

#purchase-info .documents-manuals .documents-manuals-title h3 {
	font-size: 1rem;
}

#purchase-info .documents-manuals .documents-manuals-details p {
	font-size: 0.9375rem;
}

#purchase-info .documents-manuals .documents-manuals-details p a {
	font-size: 0.9375rem;
	color: #0099ff;
}

#purchase-info .documents-manuals .documents-manuals-details p a:hover {
	text-decoration: underline;
}

/******************************************************************************
* Manufacturer Support - Discontinued Items
******************************************************************************/

#purchase-info .manufacturer-support .manufacturer-support-title h3 {
	font-size: 1rem;
}

#purchase-info .manufacturer-support .manufacturer-support-details .contact-numbers p {
	font-size: 0.9375rem;
}

#purchase-info .manufacturer-support .manufacturer-support-details .contact-numbers p a {
	font-size: 0.9375rem;
	color: #0099ff;
}

#purchase-info .manufacturer-support .manufacturer-support-details .contact-numbers p a:hover {
	text-decoration: underline;
}

/******************************************************************************
* Purchase Section
******************************************************************************/

/******************************************************************************
* Margin Indicators
******************************************************************************/

#purchase-info .margin-commission {
	top: 10px;
	right: -32px;
}

#purchase-info .marginIndicator {
	width: 21px;
	height: 21px;
}

#purchase-info .marginIndicator::before {
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: 'FontAwesome';
	font-size: 1.25rem;
}

#purchase-info .marginIndicator.mi0::before {
	content: '\f0c8';
	color: #000000;
}

#purchase-info .marginIndicator.mi1 {
	transform: rotate(-90deg);
}

#purchase-info .marginIndicator.mi1::before {
	content: '\f04b';
	color: #cc1614;
}

#purchase-info .marginIndicator.mi2::before {
	content: '\f111';
	color: #ffcc03;
}

#purchase-info .marginIndicator.mi3::before {
	content: '\f005';
	color: #81c029;
}

@media screen and (min-width: 576px) and (max-width: 991px) {
	#purchase-info .marginIndicator {
		top: -10px;
		right: -10px;
	}
}

@media screen and (max-width: 575px) {
	#purchase-info .marginIndicator {
		top: -5px;
		right: -5px;
	}
}

/******************************************************************************
* Black Friday & Cyber Monday badges
******************************************************************************/

#purchase-info .product-badge {
	top: -3.5rem;
	left: 0;
	width: fit-content;
	border-radius: 0.3125rem;
	font-size: 0.875rem;
	padding: 0.625rem 0.75rem;
}

#purchase-info .product-badge.ebf-badge, 
#purchase-info .product-badge.bf-badge {
	background-color: #040205;
}
 
#purchase-info .product-badge.cm-badge {
	background-color: #042826;
}

/******************************************************************************
* Commission Band
******************************************************************************/

#purchase-info .commission {
	width: 21px;
	height: 21px;
	font-family: 'Centrale Sans Medium', Trebuchet, sans-serif;
	font-size: 1.125rem;
	display: flex;
	justify-content: center;
}

#purchase-info .commission::before {
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: 'FontAwesome';
	font-size: 1.125rem;
}

#purchase-info .commission.c-band1::before {
	content: '\f154';
	color: #000000;
}

#purchase-info .commission.c-band2::before {
	content: '\f154';
	color: #cc1614;
}

#purchase-info .commission.c-band3::before {
	content: '\f154';
	color: #ffcc03;
}

#purchase-info .commission.c-band4::before {
	content: '\f154';
	color: #81c029;
}

@media screen and (min-width: 576px) and (max-width: 991px) {
	#purchase-info .commission {
		top: 15px;
		right: -35px;
	}
}

@media screen and (max-width: 575px) {
	#purchase-info .commission {
		top: 20px;
		right: -30px;
	}
}

/******************************************************************************
* Internal Disclaimer
******************************************************************************/

#purchase-info .internal-disclaimer {
	border-radius: 0.625rem;
	border: 1px solid #dbdcde;
	background-color: #ffffff;
}

#purchase-info .internal-disclaimer p strong {
	color: #e40000;
}

/******************************************************************************
* Heading
******************************************************************************/

#purchase-info .product-heading .brand-img img.brandImg {
	max-height: 20px;
}

#purchase-info .product-heading #feefoStarsContainer #feefo-review-badge-wrapper-product .summary-rating {
	height: unset;
}

#purchase-info .product-title {
	margin-top: 1rem;
}

#purchase-info .product-title h1 {
	font-size: 1.375rem;
	color: #102a4b;
}

#purchase-info .product-title h1 .sub-title {
	font-family: 'Centrale Sans Regular', Trebuchet, sans-serif;
	font-weight: 400;
	font-size: 1rem;
}

#purchase-info .product-title h1 .inactive-title {
	font-size: 1.125rem;
}

/******************************************************************************
* Sell Price (and savings)
******************************************************************************/

#purchase-info #purchase-column #price-box {
	margin-top: 1.25rem;
}

/********************
* Marks+ Member Price
********************/

#purchase-info #purchase-column #price-box .retail-price-block {
	height: fit-content;
	/* border: 1px solid #dee2e6; */
	border-radius: 0.625rem;
	/* background-color: #f3f3f3; */
	padding: 0.625rem;
}

#purchase-info #purchase-column #price-box .retail-price-block:not(.mp-retail) {
	padding-left: 0rem;
}

#purchase-info #purchase-column #price-box .retail-price-block p.sell-price {
	font-size: 2.5rem;
	line-height: 2.5rem;
}

#purchase-info #purchase-column #price-box .retail-price-block .savings p.sale-saving {
	font-size: 0.8125rem;
	color: #e40000;
}

#purchase-info #purchase-column #price-box .retail-price-block .savings p.was-price {
	font-size: 0.8125rem;
	text-decoration: line-through;
}

#purchase-info #purchase-column #price-box .retail-price-block p.delivery-estimate-text {
	font-size: 0.8125rem;
}

#purchase-info #purchase-column #price-box .retail-price-block p.delivery-estimate-text span {
	cursor: pointer;
}

#purchase-info #purchase-column #price-box .member-price-block {
	height: fit-content;
	border: 1px solid #afddfc;
	border-radius: 0.625rem;
	background-color: #e9f6ff;
	padding: 0.625rem;
	position: relative;
}

#purchase-info #purchase-column #price-box .member-price-block::after {
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: 'FontAwesome';
	content: '\f105';
	background-image: none;
	font-size: 1.25rem;
	color: #0099ff;
	position: absolute;
	width: fit-content;
	height: fit-content;
	top: 0.625rem;
	right: 0.625rem;
}

#purchase-info #purchase-column #price-box .member-price-block p.member-price-text {
	color: #0099ff;
	margin-right: 1rem;
}

#purchase-info #purchase-column #price-box .member-price-block p.member-price {
	font-size: 2.5rem;
	line-height: 2.5rem;
	color: #0099ff;
}

#purchase-info #purchase-column #price-box .member-price-block p.member-saving {
	font-size: 0.8125rem;
	color: #e40000;
}

#purchase-info #purchase-column #price-box .member-price-block p.member-perks-text {
	font-size: 0.8125rem;
}

/********************
* Default Sell Price
********************/

/*#purchase-info #purchase-column #price-box .price p.sell-price, 
#purchase-info #purchase-column #price-box .price p.promo-price {
	font-size: 2.5rem;
	line-height: 2.5rem;
}

#purchase-info #purchase-column #price-box .savings p.sale-saving {
	font-size: 0.8125rem;
	color: #e40000;
}

#purchase-info #purchase-column #price-box .savings p.was-price {
	font-size: 0.8125rem;
	text-decoration: line-through;
}*/

/******************************************************************************
* PayPal Credit Finance
******************************************************************************/

#purchase-info #purchase-column #price-box .paypal-credit-section p {
	/* font-size: 0.875rem; */
	font-size: 1rem;
	text-wrap-style: pretty;
}

/******************************************************************************
* Cashback and Promotion Text
******************************************************************************/

#purchase-info #purchase-column #price-box p.promotion-text, 
#purchase-info #purchase-column #price-box p.banner-text, 
#purchase-info #purchase-column #price-box p.manual-text, 
#purchase-info #purchase-column #price-box p.delivery-text {
	font-size: 0.875rem;
	color: #e40000;
}

#purchase-info #purchase-column #price-box p.pack-saving {
	font-size: 1rem;
	color: #e40000;
}

#purchase-info #purchase-column #price-box p.basket-info {
	font-size: 1rem;
	color: #454545;
}

/******************************************************************************
* Inactive Item
******************************************************************************/

#purchase-info #purchase-column #price-box p.inactive-item {
	font-size: 1.125rem;
}

#purchase-info #purchase-column #price-box p.similar-items, 
#purchase-info #purchase-column #price-box p.similar-items a {
	font-size: 1.125rem;
	/* color: #0099ff; */
}

#purchase-info #purchase-column #price-box p.similar-items a.pushbutton {
	max-width: unset;
	border-radius: 1.5rem;
	white-space: unset;
	margin-left: 0;
}

/******************************************************************************
* Variations Section
******************************************************************************/

#purchase-info #purchase-column #variations-box {
	margin-top: 1.25rem;
	/* border-top: 1px solid #e5e7eb;
	border-bottom: 1px solid #e5e7eb;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem; */
}

#purchase-info #purchase-column #variations-box .altLinks h4 {
	font-size: 1rem;
	margin-bottom: 0.5rem;
}

#purchase-info #purchase-column #variations-box .altLinks .alt-colours + .alt-models {
	margin-top: 1rem;
}

#purchase-info #purchase-column #variations-box .alt-colours h5 {
	font-size: 0.875rem;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}

#purchase-info #purchase-column #variations-box .alt-colours a {
	margin-right: 0.25rem;
}

#purchase-info #purchase-column #variations-box .alt-colours .alt-color {
	border-radius: 50%;
	margin: 0 0.25rem 0.25rem 0;
}

#purchase-info #purchase-column #variations-box .alt-colours .current-colour {
	box-shadow: 0 0 0 0.25rem #0099ff;
}

#purchase-info #purchase-column #variations-box .alt-models {
	display: inline-block;
}

#purchase-info #purchase-column #variations-box .alt-models ul {
	list-style-type: none;
	height: 20px;
}

#purchase-info #purchase-column #variations-box .alt-models ul li.size {
	float: left;
}

#purchase-info #purchase-column #variations-box:not(#variations-box:has(.AVTV)) .alt-models ul li.size span {
	font-size: 0.8125rem;
	margin-right: 0.25rem;
}

#purchase-info #purchase-column #variations-box:not(#variations-box:has(.AVTV)) .alt-models ul li.size:not(li.size:has(a)) {
	background: #ffffff;
	font-family: 'Centrale Sans Bold', Trebuchet, sans-serif;
	font-weight: 700;
	font-size: 1.125rem;
	color: #0099ff;
	margin-right: 0.5rem;
	margin-bottom: 0.5rem;
	padding: 0.3125rem 0.625rem;
	border-radius: 0.3125rem;
	border: 2px solid #0099ff;
	overflow: hidden;
	min-width: 80px;
	height: 40px;
	text-align: center;
}

#purchase-info #purchase-column #variations-box:not(#variations-box:has(.AVTV)) .alt-models ul li.size a {
	display: block;
	background: #ffffff;
	font-family: 'Centrale Sans Regular', Trebuchet, sans-serif;
	font-weight: 400;
	font-size: 1.125rem;
	color: #102a4b;
	margin-right: 0.5rem;
	margin-bottom: 0.5rem;
	padding: 0.3125rem 0.625rem;
	border-radius: 0.3125rem;
	border: 1px solid #102a4b;
	overflow: hidden;
	min-width: 80px;
	height: 40px;
	text-align: center;
}

#purchase-info #purchase-column #variations-box .AVTV .alt-models ul li.size:not(li.size:has(a)) {
	background: #ffffff;
	font-family: 'Centrale Sans Bold', Trebuchet, sans-serif;
	font-weight: 700;
	font-size: 1.125rem;
	color: #0099ff;
	margin-right: 0.5rem;
	margin-bottom: 0.5rem;
	padding: 0.625rem;
	border-radius: 0.3125rem;
	border: 2px solid #0099ff;
	overflow: hidden;
	width: 80px;
	height: 40px;
	text-align: center;
}

#purchase-info #purchase-column #variations-box .AVTV .alt-models ul li.size a {
	display: block;
	background: #ffffff;
	font-family: 'Centrale Sans Regular', Trebuchet, sans-serif;
	font-weight: 400;
	font-size: 1.125rem;
	color: #102a4b;
	margin-right: 0.5rem;
	margin-bottom: 0.5rem;
	padding: 0.625rem;
	border-radius: 0.3125rem;
	border: 1px solid #102a4b;
	overflow: hidden;
	width: 80px;
	height: 40px;
	text-align: center;
}

#purchase-info #purchase-column #variations-box .AVTV .alt-models ul li.size a:hover,
#purchase-info #purchase-column #variations-box .AVTV .alt-models ul li.size a:active, 
#purchase-info #purchase-column #variations-box:not(#variations-box:has(.AVTV)) .alt-models ul li.size a:hover, 
#purchase-info #purchase-column #variations-box:not(#variations-box:has(.AVTV)) .alt-models ul li.size a:active {
	cursor: pointer;
	background-color: #f8f9fa;
}

#purchase-info #purchase-column #variations-box .AVTV .alt-models ul li.size a img {
	filter: brightness(0) invert(1);
}

/******************************************************************************
* Compatible Wall Bracket Section
******************************************************************************/

#purchase-info #purchase-column h4.wall-bracket-title {
	font-size: 1rem;
	color: #102a4b;
	margin-top: 1.25rem;
}

#purchase-info #purchase-column #wall-bracket-box {
	/* border-bottom: 1px solid #e5e7eb; */
	border: 1px solid #e5e7eb;
	border-radius: 0.6125rem;
}

/* #purchase-info #purchase-column #wall-bracket-box.noLinks {
	border-top: 1px solid #e5e7eb;
	margin-top: 1.25rem;
} */

#purchase-info #purchase-column #wall-bracket-box p {
	font-size: 1rem;
}

/******************************************************************************
* Related Packs Section
******************************************************************************/

#purchase-info #purchase-column h4.related-packs-title {
	font-size: 1rem;
	color: #102a4b;
	margin-top: 1.25rem;
}

#purchase-info #purchase-column #related-packs-box.no-title-mt {
	margin-top: 0.75rem;
}

#purchase-info #purchase-column #related-packs-box {
	/* margin-top: 1.75rem;
	border-top: 1px solid #e5e7eb;
	border-bottom: 1px solid #e5e7eb; */
	border: 1px solid #e5e7eb;
	border-radius: 0.6125rem;
}

/* #purchase-info #purchase-column #related-packs-box.noLinks {
	border-top: 1px solid #e5e7eb;
	margin-top: 1.25rem;
} */

#purchase-info #purchase-column #related-packs-box p {
	font-size: 1rem;
}

/******************************************************************************
* Purchase Action
******************************************************************************/

#purchase-info #purchase-column #purchase-action-box {
	margin-top: 1.25rem;
}

#purchase-info #purchase-column #purchase-action-box .pushbutton {
	max-width: unset;
	border-radius: 1.5rem;
	white-space: unset;
}

/******************************************************************************
* Product Extras Section
******************************************************************************/

#purchase-info #purchase-column #special-offers-box {
	margin-top: 1.25rem;
}

#purchase-info #purchase-column #special-offers-box h4 {
	font-size: 1rem;
	color: #102a4b;
}

#purchase-info #purchase-column #special-offers-box .special-offer-standard {
	height: fit-content;
	border: 1px solid #0099ff;
	border-radius: 0.625rem;
	/* background-color: #e9f6ff; */
	padding: 0.75rem;
	position: relative;
}

#purchase-info #purchase-column #special-offers-box .special-offer-standard:not(.promo-code, .card)::after {
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: 'FontAwesome';
	content: '\f05a';
	background-image: none;
	font-size: 0.75rem;
	color: #0099ff;
	position: absolute;
	width: fit-content;
	height: fit-content;
	bottom: 0.3125rem;
	right: 0.625rem;
}

#purchase-info #purchase-column #special-offers-box .special-offer-standard:not(.card) i {
	font-size: 1.75rem;
	margin-right: 1rem;
}

#purchase-info #purchase-column #special-offers-box p.highlight-text {
	font-size: 0.875rem;
	color: #ffffff;
	padding: 0.25rem 0.75rem;
	background-color: #0099ff;
	border-radius: 0.3125rem;
}

#purchase-info #purchase-column #special-offers-box p.continued-text {
	font-size: 0.875rem;
	margin-top: 0.25rem;
}

#purchase-info #purchase-column #special-offers-box .offer-icon {
	margin-left: auto;
	margin-right: 1.5rem;
}

#purchase-info #purchase-column #special-offers-box .offer-icon img {
	width: 60px;
	height: 60px;
	border-radius: 0.3125rem;
}

/******************************************************************************
* USP Section
******************************************************************************/

#purchase-info #purchase-column #usp-box {
	margin-top: 1.25rem;
}

#purchase-info #purchase-column #usp-box h4 {
	font-size: 1rem;
	color: #102a4b;
}

#purchase-info #purchase-column #usp-box .list-group {
	border-radius: 0.625rem;
}

#purchase-info #purchase-column #usp-box .list-group .list-group-item {
	border-radius: 0.625rem;
	margin-bottom: 0.5rem;
}

#purchase-info #purchase-column #usp-box .list-group .list-group-item + .list-group-item {
	border-top-width: 1px;
}

#purchase-info #purchase-column #usp-box .list-group .list-group-item-action.bg-pale-blue:focus {
	background-color: #e4f3ff;
}

#purchase-info #purchase-column #usp-box .list-group .list-group-item-action:not(.bg-pale-blue):focus {
	background-color: unset;
}

#purchase-info #purchase-column #usp-box .list-group .list-group-item-action:not([href]):hover, 
#purchase-info #purchase-column #usp-box .list-group .list-group-item-action:not([href]):focus {
	background-color: unset;
}

#purchase-info #purchase-column #usp-box p, 
#purchase-info #purchase-column #usp-box a {
	font-size: 1rem;
} 

#purchase-info #purchase-column #usp-box i:not(.fa-angle-right) {
	font-size: 1.5rem;
	margin-right: 1rem;
}

#purchase-info #purchase-column #usp-box i.fa-angle-right {
	font-size: 1.25rem;
} 

/* #purchase-info #purchase-column #usp-box p.promo-line .promo-code {
	background-color: #0099ff;
	color: #ffffff;
	padding: 0.25rem 0.5rem;
	border-radius: 0.3125rem;
} */

#purchase-info #purchase-column #usp-box p.stock-level, 
#purchase-info #purchase-column #usp-box p.delivery-available {
	text-wrap-style: pretty;
}

#purchase-info #purchase-column #usp-box p.stock-level-good, 
#purchase-info #purchase-column #usp-box p.stock-level-neutral, 
#purchase-info #purchase-column #usp-box p.stock-level-bad {
	font-family: 'Centrale Sans Bold', Trebuchet, sans-serif;
	font-weight: 700;
}

#purchase-info #purchase-column #usp-box i:has(+ p.stock-level-neutral), 
#purchase-info #purchase-column #usp-box i.fa-circle {
	font-size: 1rem;
	vertical-align: middle;
	text-align: center;
	width: 1.875rem;
}

/********************
* Frasers Plus Finance
********************/

#purchase-info #purchase-column #usp-box .frasers-plus-finance {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	margin-left: 3.25rem;
	margin-right: 1.5rem;
}

#purchase-info #purchase-column #usp-box .frasers-plus-finance img {
	max-width: 35px;
	max-height: 35px;
}

#purchase-info #purchase-column #usp-box .frasers-plus-finance p {
	color: #8400d1;
	font-size: 0.8125rem;
}

#purchase-info #purchase-column #usp-box .frasers-plus-finance a {
	color: #8400d1;
	font-size: 0.8125rem;
	text-decoration: underline;
}

/********************
* PayPal Credit
********************/

#purchase-info #purchase-column #usp-box .paypal-credit {
	margin-left: 3.25rem;
	margin-right: 1.5rem;
}

#purchase-info #purchase-column #usp-box .paypal-credit .paypalCreditWidget {
	border-bottom: 1px solid #102a4b33;
	/* border: 1px solid #afddfc;
	border-radius: 0.625rem; */
}

/* #purchase-info #purchase-column #usp-box .paypal-credit .paypalCreditWidget .paypal-ifc {
	background-color: #e9f6ff;
	border-bottom: 1px solid #afddfc;
	border-radius: 0.625rem 0.625rem 0 0;
}

#purchase-info #purchase-column #usp-box .paypal-credit .paypalCreditWidget .paypal-ifc.all-ifc {
	border-bottom: none;
	border-radius: 0.625rem;
}

#purchase-info #purchase-column #usp-box .paypal-credit .paypalCreditWidget .paypal-apr {
	background-color: transparent;
} */

/* #purchase-info #purchase-column #usp-box .paypalCreditWidget {
	width: 100%;
	padding: 1rem 1.25rem;
	border-radius: 0.625rem;
	text-align: left;
}

.info-popup-paypalcredit .info-popup-body, 
#purchase-info #purchase-column #usp-box .paypalCreditWidget {
	background-color: #194493; /* For browsers that do not support gradients * /
	background: linear-gradient(to right, #1970b6, #194493);
	background: -webkit-linear-gradient(to right, #1970b6, #194493);
	background: -o-linear-gradient(to right, #1970b6, #194493);
	background: -moz-linear-gradient(to right, #1970b6, #194493);
	border-radius: 0.625rem;
}

#purchase-info #purchase-column #usp-box .paypal-credit .paypalCreditWidget {
	clear: both;
	margin-left: auto;
	margin-right: auto;
} */

#purchase-info #purchase-column #usp-box .paypal-credit .paypalCreditWidget .paypalCreditWidgetLogo {
	padding-right: 1rem;
	border-right: 1px solid #102a4b33;
}

#purchase-info #purchase-column #usp-box .paypal-credit .paypalCreditWidget .paypalCreditWidgetLogo img {
	max-width: 75px;
	max-height: 25px;
}

#purchase-info #purchase-column #usp-box .paypal-credit .paypalCreditWidget .paypalCreditWidgetText p {
	color: #102a4b;
	font-size: 0.8125rem;
	text-wrap-style: pretty;
}

#purchase-info #purchase-column #usp-box .paypal-credit .paypalCreditWidget .paypalCreditWidgetText .info-popup-link {
	color: #102a4b;
	font-weight: 300;
	text-decoration: underline;
}

#purchase-info #purchase-column #usp-box .paypal-credit .paypalCreditWidget .paypalCreditWidgetText {
	line-height: 1rem;
}

#purchase-info #purchase-column #usp-box .paypal-credit .paypal-example p, 
#purchase-info #purchase-column #usp-box .paypal-credit .paypal-example li {
	font-size: 0.8125rem;
}

/******************************************************************************
* Product Details Accordion
******************************************************************************/

#product-info .product-details-accordion .accordion {
	--bs-border-radius: 0.6875rem !important; /* Set to 11px for the BS5 calculation to make it 10px */
}

#product-info .product-details-accordion .accordion .accordion-item:first-of-type {
	border-top-left-radius: 0.625rem !important;
	border-top-right-radius: 0.625rem !important;
}

#product-info .product-details-accordion .accordion .accordion-item:last-of-type, 
#product-info .product-details-accordion .accordion .accordion-item:last-of-type > .accordion-collapse, 
#product-info .product-details-accordion .accordion .accordion-item:last-of-type > .accordion-collapse > .accordion-body {
	border-bottom-left-radius: 0.625rem !important;
	border-bottom-right-radius: 0.625rem !important;
}

#product-info .product-details-accordion .accordion-item.outer-accordion .accordion-header .accordion-button {
	font-size: 1.25rem;
	color: #102a4b;
	background-color: #ffffff;
	box-shadow: unset;
}

#product-info .product-details-accordion .accordion-item.outer-accordion .accordion-header .accordion-button:not(.collapsed) {
	/* color: unset; */
	background-color: #f3f3f3;
	box-shadow: unset;
}

#product-info .product-details-accordion .accordion-item.outer-accordion .accordion-header .accordion-button::after {
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: 'FontAwesome';
	content: '\f107';
	background-image: none;
	color: #102a4b;
	width: fit-content;
	height: fit-content;
}

#product-info .product-details-accordion .accordion-item.outer-accordion .accordion-header .accordion-button:focus {
	box-shadow: unset;
}

#product-info .product-details-accordion .accordion-item.outer-accordion .accordion-body {
	background-color: #fbfbfb;
}

/*@media screen and (max-width: 575px) {
	#product-info .product-details-accordion .accordion {
		--bs-border-radius: 0 !important; /* Set to 11px for the BS5 calculation to make it 10px * /
	}

	#product-info .product-details-accordion .accordion .accordion-item:first-of-type {
		border-top-left-radius: 0 !important;
		border-top-right-radius: 0 !important;
	}

	#product-info .product-details-accordion .accordion .accordion-item:last-of-type, 
	#product-info .product-details-accordion .accordion .accordion-item:last-of-type > .accordion-collapse, 
	#product-info .product-details-accordion .accordion .accordion-item:last-of-type > .accordion-collapse > .accordion-body {
		border-bottom-left-radius: 0 !important;
		border-bottom-right-radius: 0 !important;
	}
}*/

/******************************************************************************
* Key Features Accordion
******************************************************************************/

#product-info .product-details-accordion #collapseKeyFeatures .key-features .features-item .toolTipLink {
	color: #81c029;
	text-decoration-line: underline;
	text-decoration-style: dotted;
	cursor: help;
}

#product-info .product-details-accordion #collapseKeyFeatures .key-features .features-item .toolTipLink.featureName {
	text-decoration-line: none;
}

#product-info .product-details-accordion #collapseKeyFeatures .key-features .dimensions i {
	font-size: 1.75rem;
}

#product-info .product-details-accordion #collapseKeyFeatures .key-features .dimensions p {
	font-size: 1rem;
}

#product-info .product-details-accordion #collapseKeyFeatures .compareSamsung .pushbutton {
	border-radius: 1.5rem;
	max-width: 200px;
}

#product-info .product-details-accordion #collapseKeyFeatures .popup-text {
	cursor: pointer;
}

#product-info .product-details-accordion #collapseKeyFeatures .energy-info {
	border-top: unset;
	border-left: 2px solid #f3f3f3;
}

#product-info .product-details-accordion #collapseKeyFeatures h4.component-title {
	font-size: 1.125rem;
	color: #102a4b;
}

#product-info .product-details-accordion #collapseKeyFeatures h4.component-title .sub-title {
	font-family: 'Centrale Sans Regular', Trebuchet, sans-serif;
	font-weight: 400;
	font-size: 0.875rem;
}

@media screen and (max-width: 1199px) {
	#product-info .product-details-accordion #collapseKeyFeatures .energy-info {
		border-top: 2px solid #f3f3f3;
		border-left: unset;
		padding-top: 1.5rem;
		margin-top: 1.75rem;
	}
}

/******************************************************************************
* Miele Compare
******************************************************************************/

#product-info .product-details-accordion #collapseKeyFeatures .compareContainer {
	width: 100%;
}

/* adjust height to adjust spacing of items below */
#product-info .product-details-accordion #collapseKeyFeatures .compareContainer {
	height: 50px;
	width: 100px;
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: top;
	position: relative;
	display: inline-block;
}

/* holds compare image and button */
#product-info .product-details-accordion #collapseKeyFeatures .compareButtonHolder {
	text-align: left;
	vertical-align: top;
	position: absolute;
	left: 33px;
	top: 0px;
}

/* compare button & default compare image */
#product-info .product-details-accordion #collapseKeyFeatures .compareButtonHolder .pushbutton-container, 
#product-info .product-details-accordion #collapseKeyFeatures .defaultCompareImageHolder { 
	width: 72px;
	height: 32px;
	position: absolute;
}

/* over-rides default pushbutton padding */
#product-info .product-details-accordion #collapseKeyFeatures .compareButtonHolder .pushbutton-container .pushbutton {
	padding: 0;
}

/* used when only 1 item selected */
#product-info .product-details-accordion #collapseKeyFeatures .compareButtonInactive {
	opacity: 0.5;
}

/* position image in button */
#product-info .product-details-accordion #collapseKeyFeatures .compareButtonImage, 
#product-info .product-details-accordion #collapseKeyFeatures .defaultCompareImage {
	height: 23px;
	vertical-align: top;
	margin-top: 4px;
}

/* image shown before button */
#product-info .product-details-accordion #collapseKeyFeatures .defaultCompareImageHolder {
	left: 4px;
	z-index: 1;
	top: 4px;
}

#product-info .product-details-accordion #collapseKeyFeatures .compareImageLabel {
	cursor: pointer;
}

/* Base for label styling */
#product-info .product-details-accordion #collapseKeyFeatures .compareBox:not(:checked), 
#product-info .product-details-accordion #collapseKeyFeatures .compareBox:checked {
	position: absolute;
	left: -9999px;
}

#product-info .product-details-accordion #collapseKeyFeatures .compareBox:not(:checked) + label, 
#product-info .product-details-accordion #collapseKeyFeatures .compareBox:checked + label {
	position: absolute;
	left: 0px;
	top: 5px;
	cursor: pointer;
}

/* checkbox aspect */
#product-info .product-details-accordion #collapseKeyFeatures .compareBox:not(:checked) + label:before, 
#product-info .product-details-accordion #collapseKeyFeatures .compareBox:checked + label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 4px;
	width: 1.75em;
	height: 1.75em;
	border: 2px solid #cccccc;
	border-radius: 4px;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
	transition: all .5s;
}

#product-info .product-details-accordion #collapseKeyFeatures .compareBox:not(:checked) + label:before {
	background: white;
}

#product-info .product-details-accordion #collapseKeyFeatures .compareBox:checked + label:before {
	background: #8c0014;
}

/* checked mark aspect */
#product-info .product-details-accordion #collapseKeyFeatures .compareBox:not(:checked) + label:after, 
#product-info .product-details-accordion #collapseKeyFeatures .compareBox:checked + label:after {
	display: inline-block;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font: var(--fa-font-solid);
	content: '\f00c';
	position: absolute;
	top: 7px;
	left: 4px;
	font-size: 1.2rem;
	color: white;
	transition: all .5s;
}

/* checked mark aspect changes */
#product-info .product-details-accordion #collapseKeyFeatures .compareBox:not(:checked) + label:after {
	opacity: 0;
	transform: scale(0);
}

#product-info .product-details-accordion #collapseKeyFeatures .compareBox:checked + label:after {
	opacity: 1;
	transform: scale(1);
}

/* disabled checkbox */
#product-info .product-details-accordion #collapseKeyFeatures .compareBox:disabled:not(:checked) + label:before, 
#product-info .product-details-accordion #collapseKeyFeatures .compareBox:disabled:checked + label:before {
	box-shadow: none;
	border-color: #bbbbbb;
	background-color: #dddddd;
}

#product-info .product-details-accordion #collapseKeyFeatures .compareBox:disabled:checked + label:after {
	color: #999999;
}

#product-info .product-details-accordion #collapseKeyFeatures .compareBox:disabled + label {
	color: #aaaaaa;
}

/* accessibility */
#product-info .product-details-accordion #collapseKeyFeatures .compareBox:checked:focus + label:before,
#product-info .product-details-accordion #collapseKeyFeatures .compareBox:not(:checked):focus + label:before {
	border: 2px solid #a5c7fe;
	box-shadow: 0px 0px 5px #a5c7fe;
}

/* hover style just for information */
#product-info .product-details-accordion #collapseKeyFeatures label:hover:before {
	border: 2px solid #dddddd !important;
}

/******************************************************************************
* Energy Ratings
******************************************************************************/

#product-info .energyRatingArrow {
	display: inline-flex;
	flex-direction: row;
	align-items: center;
}

#product-info .energyRatingArrow.componentEnergyRating {
	display: list-item;
}

#product-info .energyRatingArrow p {
	margin: 1px 0 0;
	vertical-align: middle;
}

#product-info .energyRatingArrow a {
	color: #0099ff;
	text-decoration: none;
}

#product-info .fiche-link {
	margin-top: 5px;
}

#product-info .fiche-link a {
	color: #0099ff;
}

#product-info .energyRatingArrow .energyRating {
	color: #ffffff;
	font-size: 1.5rem;
	line-height: 1.5rem;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	width: 52px;
	height: 32px;
	padding: 4px;
}

#product-info .energyRatingArrow.componentEnergyRating .energyRating {
	font-size: 1rem;
	line-height: 1rem;
	width: 42px;
	height: 24px;
}

#product-info .energyRatingArrow .energyArrowPoint {
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent;
	border-width: 16px 0 16px 14px;
	display: inline-block;
	vertical-align: top;
	margin-right: 5px;
}

#product-info .energyRatingArrow.componentEnergyRating .energyArrowPoint {
	border-width: 12px 0 12px 10px;
}

#product-info .energyRatingArrow .productFiche {
	margin-left: 4px;
	line-height: 1.5em;
}

#product-info .energyLevel1 .energyRating {
	background: #00a652;
}

#product-info .energyLevel1 .energyArrowPoint {
	border-left-color: #00a652;
}

#product-info .energyLevel2 .energyRating {
	background: #51b747;
}

#product-info .energyLevel2 .energyArrowPoint {
	border-left-color: #51b747;
}

#product-info .energyLevel3 .energyRating {
	background: #bdd630;
}

#product-info .energyLevel3 .energyArrowPoint {
	border-left-color: #bdd630;
}

#product-info .energyLevel4 .energyRating {
	background: #fef200;
}

#product-info .energyLevel4 .energyArrowPoint {
	border-left-color: #fef200;
}

#product-info .energyLevel5 .energyRating {
	background: #fdb813;
}

#product-info .energyLevel5 .energyArrowPoint {
	border-left-color: #fdb813;
}

#product-info .energyLevel6 .energyRating {
	background: #f37020;
}

#product-info .energyLevel6 .energyArrowPoint {
	border-left-color: #f37020;
}

#product-info .energyLevel7 .energyRating {
	background: #ed1b24;
}

#product-info .energyLevel7 .energyArrowPoint {
	border-left-color: #ed1b24;
}

/******************************************************************************
* youreko Energy Widget
******************************************************************************/

#product-info .youreko-placeholder > .youreko-container-pdp {
	display: flex;
	justify-content: center;
}

#product-info .youreko-placeholder > .youreko-container-pdp > div {
	margin-bottom: 0 !important;
}

/******************************************************************************
* SEO Summary Accordion
******************************************************************************/

#product-info #seoSummary .cuttr__readmore {
	margin-top: 1rem;
	border-radius: 1.5rem;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}

#product-info #seoSummary .cuttr__readmore .saquo {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

#product-info #seoSummary h2 {
	margin-top: 1rem;
}

#product-info #seoSummary h3 {
	margin-top: 1rem;
	font-size: 1rem;
}

#product-info #seoSummary p.seoSpacer {
	margin-top: 0.25rem;
}

#product-info #seoSummary ul {
	list-style-type: disc;
	list-style-position: inside;
}

#product-info #seoSummary ul li {
	margin-top: 0.25rem;
}

#product-info #seoSummary .logos {
	text-align: center;
}

#product-info #seoSummary .logos .logo {
	margin: 0.75rem;
	display: inline-block;
}

/******************************************************************************
* Full Specification Accordion
******************************************************************************/

#product-info .product-details-accordion #collapseFullSpecification h3.componentFullName {
	font-size: 1.25rem;
}

#product-info .product-details-accordion #collapseFullSpecification h3.componentFullName .sub-title {
	font-family: 'Centrale Sans Regular', Trebuchet, sans-serif;
	font-weight: 400;
	font-size: 1rem;
}

#product-info .product-details-accordion #collapseFullSpecification .logos img {
	max-width: 140px;
	max-height: 60px;
}

#product-info #full-specification-accordion .accordion-item.inner-accordion + .accordion-item.inner-accordion {
	margin-top: 0;
}

#product-info #full-specification-accordion .accordion-item.inner-accordion .accordion-header {
	text-align: center;
}

#product-info #full-specification-accordion .accordion-item.inner-accordion .accordion-header .accordion-button {
	font-size: 1.125rem;
	color: #102a4b;
	background-color: #ffffff;
	box-shadow: unset;
}

#product-info #full-specification-accordion .accordion-item.inner-accordion .accordion-header .accordion-button:not(.collapsed) {
	/* color: unset; */
	background-color: #f3f3f3;
	box-shadow: unset;
}

#product-info #full-specification-accordion .accordion-item.inner-accordion .accordion-header .accordion-button span {
	margin-left: 1rem;
}

#product-info #full-specification-accordion .accordion-item.inner-accordion .accordion-header .accordion-button::after {
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: 'FontAwesome';
	content: '\f107';
	background-image: none;
	color: #102a4b;
	width: fit-content;
	height: fit-content;
}

#product-info #full-specification-accordion .accordion-item.inner-accordion .accordion-header .accordion-button:focus {
	box-shadow: unset;
}

#product-info #full-specification-accordion .accordion-item.inner-accordion .accordion-body {
	background-color: #fbfbfb;
}

#product-info #full-specification-accordion .accordion-item.inner-accordion a {
	color: #0099ff;
}

#product-info #full-specification-accordion .accordion-item.inner-accordion table {
	width: calc(100% - 10rem);
	max-width: -moz-available;
	max-width: -webkit-fill-available;
}

#product-info #full-specification-accordion .accordion-item.inner-accordion table tr td {
	padding: 0.25rem 0;
}

#product-info #full-specification-accordion .accordion-item.inner-accordion table tr td.label {
	width: 50%;
	padding-right: 1rem;
	text-align: right;
	font-family: 'Centrale Sans Bold', Trebuchet, sans-serif;
	font-weight: 700;
}

#product-info #full-specification-accordion .accordion-item.inner-accordion table tr td.value {
	width: 50%;
	padding-left: 1rem;
	text-align: left;
}

#product-info #full-specification-accordion .accordion-item.inner-accordion table tr td .toolTipLink {
	color: #0099ff;
	text-decoration-line: underline;
	text-decoration-style: dotted;
	cursor: help;
}

#product-info #full-specification-accordion .accordion-item.inner-accordion table tr td .toolTipLink.featureName {
	color: #0099ff;
	text-decoration-line: none;
}

#product-info #full-specification-accordion .accordion-item.inner-accordion table tr td .specTooltip {
	cursor: help;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	#product-info #full-specification-accordion .accordion-item.inner-accordion table {
		width: calc(100% - 5rem);
	}
}

@media screen and (max-width: 767px) {
	#product-info #full-specification-accordion .accordion-item.inner-accordion table {
		width: 100%;
	}
}

/******************************************************************************
* From the Manufacturer Accordion
******************************************************************************/

#flix-std-inpage .flix-std-table {
	margin: 15px 0;
}

#flix-std-inpage .flix-std-table .flix-std-table-cell {
	right: unset !important;
}

/******************************************************************************
* Reasons to Buy Accordion
******************************************************************************/

/* #product-info .product-details-accordion #collapseReasonsToBuy .reasons-tobuy-row {
	border-radius: 1rem;
	background-color: #eeeff3;
} */

#product-info .product-details-accordion #collapseReasonsToBuy .reasons-tobuy-row.small-content {
	max-width: 610px;
	margin-bottom: 30px;
}

#product-info .product-details-accordion #collapseReasonsToBuy .reasons-tobuy-row .reasons-tobuy-text h2 {
	font-size: 1.0625rem;
	margin-bottom: 1rem;
}

@media screen and (max-width: 767px) {
	#product-info .product-details-accordion #collapseReasonsToBuy .reasons-tobuy-row .reasons-tobuy-image {
		order: 1;
	}
	
	#product-info .product-details-accordion #collapseReasonsToBuy .reasons-tobuy-row .reasons-tobuy-text {
		order: 2;
	}
}

/******************************************************************************
* Videos Accordion
******************************************************************************/

#product-info .product-details-accordion #collapseVideos h3 {
	font-size: 1.25rem;
	margin-bottom: 1.25rem;
	text-align: center;
}

#product-info .product-details-accordion #collapseVideos ul {
	list-style-type: none;
	text-align: center;
}

#product-info .product-details-accordion #collapseVideos ul li {
	margin-bottom: 1.25rem;
	width: 100%;
}

#product-info .product-details-accordion #collapseVideos ul li p {
	font-size: 1.125rem;
}

/******************************************************************************
* Warranty Accordion
******************************************************************************/

#product-info .product-details-accordion #collapseWarranty h3 {
	font-size: 1.25rem;
}

#product-info .product-details-accordion #collapseWarranty p a:not(.pushbutton) {
	color: #0099ff;
}

#product-info .product-details-accordion #collapseWarranty .promo-warranty a:not(.pushbutton) {
	color: #0099ff;
}

#product-info .product-details-accordion #collapseWarranty .promo-warranty .pushbutton {
	max-width: 140px;
	border-radius: 1.5rem;
}

#product-info .product-details-accordion #collapseWarranty .warranty-badge {
	border-top: unset;
	border-left: 2px solid #f3f3f3;
}

@media screen and (max-width: 991px) {
	#product-info .product-details-accordion #collapseWarranty .warranty-badge {
		border-top: 2px solid #f3f3f3;
		border-left: unset;
		padding-top: 1rem;
		margin-top: 1rem;
	}
}

/******************************************************************************
* Product Upsell - Pack Section
******************************************************************************/

/******************************************************************************
* Pack Section
******************************************************************************/

#product-upsell .pack-carousel .pack-details .pack-components .component-box {
	background-color: #ffffff;
	border-radius: 0.625rem;
}

#product-upsell .pack-carousel .pack-details .pack-components .component-box .component-image img {
	max-width: 160px;
}

#product-upsell .pack-carousel .pack-details .pack-components .component-box .component-title i.fa-circle {
	font-size: 0.375rem;
	vertical-align: middle;
	text-align: center;
}

#product-upsell .pack-carousel .pack-details .pack-components i {
	color: #0099ff;
}

#product-upsell .pack-carousel .pack-details .pack-savings .savings-box {
	background-color: #102a4b;
	border-radius: 0.625rem;
}

#product-upsell .pack-carousel .pack-details .pack-savings .savings-box .pack-save {
	color: #c8e6ff;
	font-size: 1.75rem;
	line-height: 1.75rem;
}

#product-upsell .pack-carousel .pack-details .pack-savings .savings-box .pack-total {
	color: #ffffff;
	font-size: 1.75rem;
	line-height: 1.75rem;
}

#product-upsell .pack-carousel .pack-details .pack-savings .savings-box .pack-separate {
	color: #ffffff;
	font-size: 0.875rem;
}

#product-upsell .pack-carousel .pack-details .pack-savings .savings-box .pushbutton {
	font-size: 0.875rem;
	border-radius: 1.5rem;
	max-width: 200px;
}

#product-upsell .pack-carousel .swiper-packs .fa-circle-chevron-right {
	position: absolute;
	right: -3rem;
	padding: 0.5rem;
	top: calc(50% - 0rem);
	font-size: 1.75rem;
	color: #102a4b;
	cursor: pointer;
	z-index: 10;
}

#product-upsell .pack-carousel .swiper-packs .fa-circle-chevron-left {
	position: absolute;
	left: -3rem;
	padding: 0.5rem;
	top: calc(50% - 0rem);
	font-size: 1.75rem;
	color: #102a4b;
	cursor: pointer;
	z-index: 10;
}

@media screen and (max-width: 991px) {
	#product-upsell .pack-carousel .pack-details .pack-components .component-box .component-image img {
		max-width: 130px;
	}
}

@media screen and (max-width: 767px) {
	#product-upsell .pack-carousel .swiper-packs .fa-circle-chevron-right {
		right: -2.25rem;
		padding-right: 0;
	}

	#product-upsell .pack-carousel .swiper-packs .fa-circle-chevron-left {
		left: -2.25rem;
		padding-left: 0;
	}
}

@media screen and (max-width: 575px) {
	#product-upsell .pack-carousel .swiper-packs .fa-circle-chevron-right {
		top: unset;
		bottom: -4rem;
		right: calc(50% - 2rem);
		padding-right: 0;
	}

	#product-upsell .pack-carousel .swiper-packs .fa-circle-chevron-left {
		top: unset;
		bottom: -4rem;
		left: calc(50% - 2rem);
		padding-left: 0;
	}
}

#product-upsell .pack-carousel .swiper-packs .swiper-pagination {
	position: absolute;
	padding: 0.5rem;
	bottom: -2rem;
	cursor: pointer;
	z-index: 10;
}

#product-upsell .pack-carousel .swiper-packs .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #102a4b;
}

@media screen and (max-width: 575px) {
	#product-upsell {
		padding-bottom: 4rem !important;
	}
	
	#product-upsell .product-upsell-column {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}

	#product-upsell .pack-carousel .pack-details .pack-components .components-box {
		background-color: #ffffff;
		border-radius: 0.625rem;
	}

	#product-upsell .pack-carousel .pack-details .pack-components .component-box .component-image img {
		max-width: 100px;
	}

	#product-upsell .pack-carousel .pack-details .pack-components .component-box .component-title {
		font-size: 0.8125rem;
	}

	#product-upsell .pack-carousel .pack-details .pack-savings .savings-box .pack-save {
		margin-bottom: 1rem;
	}

	#product-upsell .pack-carousel .pack-details .pack-savings .savings-box .pushbutton {
		max-width: 150px;
	}
}

@media screen and (max-width: 375px) {
	#product-upsell .pack-carousel .pack-details .pack-components .component-box {
		padding: 0.5rem !important;
	}

	#product-upsell .pack-carousel .pack-details .pack-components i.fa-2xl {
		font-size: 1.5rem;
		margin-left: 0.5rem !important;
		margin-right: 0.5rem !important;
	}
}

/******************************************************************************
* Customers also bought Section
******************************************************************************/

#also-bought .also-bought-carousel .swiper-also-bought .card.swiper-slide {
	height: unset;
	border: none;
	border-radius: 0.625rem;
}

#also-bought .also-bought-carousel .swiper-also-bought .card .similar-title h5 {
	font-family: 'Centrale Sans Medium', Trebuchet, sans-serif;
	font-weight: 500;
	font-size: 0.9375rem;
	color: #102a4b;
}

#also-bought .also-bought-carousel .swiper-also-bought .card .similar-price p.price {
	font-size: 1.5rem;
	line-height: 1.5rem;
}

#also-bought .also-bought-carousel .swiper-also-bought .card .similar-price p.save-was {
	font-size: 0.75rem;
	line-height: 0.875rem;
}

#also-bought .also-bought-carousel .swiper-also-bought .card .similar-price p.save-was .was {
	text-decoration: line-through;
}

#also-bought .also-bought-carousel .swiper-also-bought .card .similar-atb .pushbutton {
	border-radius: 1.5rem;
	width: unset;
}

#also-bought .also-bought-carousel .swiper-also-bought .fa-circle-chevron-right {
	position: absolute;
	right: -3rem;
	padding: 0.5rem;
	top: calc(50% - 1.25rem);
	font-size: 1.75rem;
	color: #102a4b;
	cursor: pointer;
	z-index: 10;
}

#also-bought .also-bought-carousel .swiper-also-bought .fa-circle-chevron-left {
	position: absolute;
	left: -3rem;
	padding: 0.5rem;
	top: calc(50% - 1.25rem);
	font-size: 1.75rem;
	color: #102a4b;
	cursor: pointer;
	z-index: 10;
}

@media screen and (max-width: 767px) {
	#also-bought .also-bought-carousel .swiper-also-bought .fa-circle-chevron-right {
		right: -2.25rem;
		padding-right: 0;
	}

	#also-bought .also-bought-carousel .swiper-also-bought .fa-circle-chevron-left {
		left: -2.25rem;
		padding-left: 0;
	}
}

@media screen and (max-width: 575px) {
	#also-bought .also-bought-carousel .swiper-also-bought .fa-circle-chevron-right {
		top: unset;
		bottom: -4rem;
		right: calc(50% - 2rem);
		padding-right: 0;
	}

	#also-bought .also-bought-carousel .swiper-also-bought .fa-circle-chevron-left {
		top: unset;
		bottom: -4rem;
		left: calc(50% - 2rem);
		padding-left: 0;
	}
}

#also-bought .also-bought-carousel .swiper-also-bought .swiper-pagination {
	position: absolute;
	padding: 0.5rem;
	bottom: -2rem;
	cursor: pointer;
	z-index: 10;
}

#also-bought .also-bought-carousel .swiper-also-bought .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #102a4b;
}

@media screen and (max-width: 575px) {
	#also-bought {
		padding-bottom: 6rem !important;
	}
	
	#also-bought .also-bought-column {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
}

/******************************************************************************
* Fixed Add to basket
******************************************************************************/

#fixed-atb {
	box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
	transform: translateY(-100%); /* Start hidden (slide down) */
	transition: transform 0.3s ease-in-out;
}

/* Slide down */
#fixed-atb.visible {
	transform: translateY(0);
}

/* Slide up */
#fixed-atb.hidden {
	transform: translateY(-100%);
}

/********************
* Brand and Product Title
********************/

#fixed-atb .brand-img img.brandImg {
	max-height: 20px;
}

#fixed-atb .product-title h2 {
	font-size: 1.125rem;
	line-height: 1rem;
	color: #102a4b;
}

#fixed-atb .product-title h2 .sub-title {
	font-family: 'Centrale Sans Regular', Trebuchet, sans-serif;
	font-weight: 400;
	font-size: 0.875rem;
}

/********************
* Sell Price (and savings)
********************/

#fixed-atb .price-section .member-price-block p.member-price-text {
	color: #0099ff;
}

#fixed-atb .price-section .member-price-block p.member-price {
	font-size: 2rem;
	line-height: 2rem;
	color: #0099ff;
}

#fixed-atb .price-section .member-price-block p.member-saving {
	font-size: 0.8125rem;
	color: #0099ff;
}

#fixed-atb .price-section .price p.sell-price, 
#fixed-atb .price-section .price p.promo-price {
	font-size: 2rem;
	line-height: 2rem;
}

#fixed-atb .price-section .savings p.sale-saving {
	font-size: 0.8125rem;
	line-height: 0.875rem;
	color: #0099ff;
}

#fixed-atb .price-section .savings p.was-price {
	font-size: 0.8125rem;
	line-height: 0.875rem;
	text-decoration: line-through;
}

/********************
* Purchase Action
********************/

#fixed-atb .purchase-action .pushbutton {
	width: 250px;
	border-radius: 1.5rem;
	white-space: unset;
}

@media screen and (max-width: 575px) {
	#fixed-atb .purchase-action .pushbutton {
		width: 200px;
		font-size: 1rem;
	}
}

@media screen and (max-width: 375px) {
	#fixed-atb .purchase-action .pushbutton {
		width: 150px;
	}
}

/******************************************************************************
* Offcanvas Panels
******************************************************************************/

.offcanvas-end {
	width: 500px !important;
}

/********************
* NP Info
********************/

#offcanvasNPInfo p {
	font-size: 0.8125rem;
}

/********************
* Compatible Wall Brackets
********************/

#offcanvasWallBrackets p {
	font-size: 0.8125rem;
}

#offcanvasWallBrackets p.accessoryGroup {
	font-size: 1rem;
}

#offcanvasWallBrackets .card {
	border-radius: 0.625rem;
}

#offcanvasWallBrackets .card .accessoryTitle p {
	font-size: 0.75rem;
}

#offcanvasWallBrackets .card .accessoryPrice p {
	font-size: 1.25rem;
}

#offcanvasWallBrackets .card .accessoryButton .pushbutton {
	max-width: unset;
	border-radius: 1.5rem;
	white-space: unset;
}

#offcanvasWallBrackets .swiper-awb-fixed .fa-circle-chevron-right, 
#offcanvasWallBrackets .swiper-awb-tilting .fa-circle-chevron-right, 
#offcanvasWallBrackets .swiper-awb-motion .fa-circle-chevron-right {
	position: absolute;
	right: -2.5rem;
	padding: 0.5rem;
	top: calc(50% - 0.625rem);
	font-size: 1.75rem;
	color: #102a4b;
	cursor: pointer;
	z-index: 10;
}

#offcanvasWallBrackets .swiper-awb-fixed .fa-circle-chevron-left, 
#offcanvasWallBrackets .swiper-awb-tilting .fa-circle-chevron-left, 
#offcanvasWallBrackets .swiper-awb-motion .fa-circle-chevron-left {
	position: absolute;
	left: -2.5rem;
	padding: 0.5rem;
	top: calc(50% - 0.625rem);
	font-size: 1.75rem;
	color: #102a4b;
	cursor: pointer;
	z-index: 10;
}

#offcanvasWallBrackets .swiper-awb-fixed .swiper-pagination, 
#offcanvasWallBrackets .swiper-awb-tilting .swiper-pagination, 
#offcanvasWallBrackets .swiper-awb-motion .swiper-pagination {
	position: absolute;
	padding: 0.5rem;
	bottom: -2rem;
	cursor: pointer;
	z-index: 10;
}

#offcanvasWallBrackets .swiper-awb-fixed .swiper-pagination .swiper-pagination-bullet, 
#offcanvasWallBrackets .swiper-awb-tilting .swiper-pagination .swiper-pagination-bullet, 
#offcanvasWallBrackets .swiper-awb-motion .swiper-pagination .swiper-pagination-bullet {
	height: 0.75rem !important;
	width: 0.75rem !important;
}

#offcanvasWallBrackets .swiper-awb-fixed .swiper-pagination .swiper-pagination-bullet-active, 
#offcanvasWallBrackets .swiper-awb-tilting .swiper-pagination .swiper-pagination-bullet-active, 
#offcanvasWallBrackets .swiper-awb-motion .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #102a4b;
}

/********************
* Related Packs
********************/

#offcanvasRelatedPacks p {
	font-size: 0.8125rem;
}

#offcanvasRelatedPacks p.packGroup {
	font-size: 1rem;
}

#offcanvasRelatedPacks .card {
	border-radius: 0.625rem;
}

#offcanvasRelatedPacks .card .packTitle p {
	font-size: 0.75rem;
}

#offcanvasRelatedPacks .card .packPrice p.price {
	font-size: 1.25rem;
}

#offcanvasRelatedPacks .card .packPrice p.pack-saving {
	font-size: 0.8125rem;
	color: #e40000;
}

#offcanvasRelatedPacks .card .packPrice p.separate-price {
	font-size: 0.8125rem;
}

#offcanvasRelatedPacks .card .packButton .pushbutton {
	max-width: unset;
	border-radius: 1.5rem;
	white-space: unset;
}

#offcanvasRelatedPacks .swiper-related-packs .fa-circle-chevron-right {
	position: absolute;
	right: -2.5rem;
	padding: 0.5rem;
	top: calc(50% - 0.625rem);
	font-size: 1.75rem;
	color: #102a4b;
	cursor: pointer;
	z-index: 10;
}

#offcanvasRelatedPacks .swiper-related-packs .fa-circle-chevron-left {
	position: absolute;
	left: -2.5rem;
	padding: 0.5rem;
	top: calc(50% - 0.625rem);
	font-size: 1.75rem;
	color: #102a4b;
	cursor: pointer;
	z-index: 10;
}

#offcanvasRelatedPacks .swiper-related-packs .swiper-pagination {
	position: absolute;
	padding: 0.5rem;
	bottom: -2rem;
	cursor: pointer;
	z-index: 10;
}

#offcanvasRelatedPacks .swiper-related-packs .swiper-pagination .swiper-pagination-bullet {
	height: 0.75rem !important;
	width: 0.75rem !important;
}

#offcanvasRelatedPacks .swiper-related-packs .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #102a4b;
}

/********************
* Product Extras - Individual
********************/

.offcanvasSpecialOffer .card {
	border-radius: 0.625rem;
}

.offcanvasSpecialOffer .card p, 
.offcanvasSpecialOffer .card small {
	font-size: 0.875rem;
}

.offcanvasSpecialOffer .card .pushbutton {
	/* max-width: 140px; */
	border-radius: 1.5rem;
}

.offcanvasSpecialOffer .card.special-offer-hp {
	background-color: #0099ff;
	border-color: #0099ff;
}

.offcanvasSpecialOffer .card.special-offer-hp h5, 
.offcanvasSpecialOffer .card.special-offer-hp p, 
.offcanvasSpecialOffer .card.special-offer-hp small {
	color: #ffffff;
	font-size: 1rem;
}

.offcanvasSpecialOffer .card.special-offer-standard {
	background-color: transparent;
	border-color: #0099ff;
}

.offcanvasSpecialOffer .card.special-offer-standard h5 {
	color: #0099ff;
	font-size: 1.125rem;
}

.offcanvasSpecialOffer .card.special-offer-standard p, 
.offcanvasSpecialOffer .card.special-offer-standard small {
	color: #102a4b;
}

.offcanvasSpecialOffer .card.special-offer-standard img {
	border-radius: 0.625rem;
}

.offcanvasSpecialOffer .card.special-offer-standard .tastecard-text {
	cursor: pointer;
}

.offcanvasSpecialOffer .card.special-offer-standard .tastecard-text i {
	font-size: 1.25rem;
}

/********************
* Product Extras - All Offers
********************/

#offcanvasSpecialOffers .card {
	border-radius: 0.625rem;
}

#offcanvasSpecialOffers .card p, 
#offcanvasSpecialOffers .card small {
	font-size: 0.8125rem;
}

#offcanvasSpecialOffers .card .pushbutton {
	/* max-width: 140px; */
	border-radius: 1.5rem;
}

#offcanvasSpecialOffers .card.special-offer-hp {
	background-color: #0099ff;
	border-color: #0099ff;
}

#offcanvasSpecialOffers .card.special-offer-hp h5, 
#offcanvasSpecialOffers .card.special-offer-hp p, 
#offcanvasSpecialOffers .card.special-offer-hp small {
	color: #ffffff;
	font-size: 1rem;
}

#offcanvasSpecialOffers .card.special-offer-standard {
	background-color: transparent;
	border-color: #0099ff;
}

#offcanvasSpecialOffers .card.special-offer-standard h5 {
	color: #0099ff;
	font-size: 1rem;
}

#offcanvasSpecialOffers .card.special-offer-standard p, 
#offcanvasSpecialOffers .card.special-offer-standard small {
	color: #102a4b;
}

/********************
* Tastecard
********************/

#offcanvasTastecard .card {
	border-radius: 0.625rem;
}

#offcanvasTastecard .card p, 
#offcanvasTastecard .card small {
	font-size: 0.8125rem;
}

#offcanvasTastecard .card .pushbutton {
	/* max-width: 140px; */
	border-radius: 1.5rem;
}

#offcanvasTastecard .card.special-offer-hp {
	background-color: #0099ff;
	border-color: #0099ff;
}

#offcanvasTastecard .card.special-offer-hp h5, 
#offcanvasTastecard .card.special-offer-hp p, 
#offcanvasTastecard .card.special-offer-hp small {
	color: #ffffff;
}

#offcanvasTastecard .card.special-offer-standard {
	background-color: transparent;
	border-color: #0099ff;
}

#offcanvasTastecard .card.special-offer-standard h5 {
	color: #0099ff;
}

#offcanvasTastecard .card.special-offer-standard p, 
#offcanvasTastecard .card.special-offer-standard small {
	color: #102a4b;
}

/********************
* Delivery
********************/

#offcanvasDelivery .offcanvas-body h3 {
	line-height: 1.75rem;
}

#offcanvasDelivery .offcanvas-body h3 span {
	font-size: 1.25rem;
}

#offcanvasDelivery .offcanvas-body a {
	color: #0099ff;
	text-decoration: underline;
}

#offcanvasDelivery .offcanvas-body p.footnote {
	font-size: 0.75rem;
}

/********************
* Installation
********************/

#offcanvasInstallation .offcanvas-body a {
	color: #0099ff;
	text-decoration: underline;
}

#offcanvasInstallation .offcanvas-body p.footnote {
	font-size: 0.75rem;
}

/********************
* Product Protection
********************/

#offcanvasProtection .offcanvas-body h3 {
	color: #1d8d08;
	line-height: 1.75rem;
}

#offcanvasProtection .offcanvas-body h3 span {
	font-size: 1.25rem;
}

#offcanvasProtection .offcanvas-body .warranty-quote {
	display: flex;
	flex-direction: row;
	justify-content: stretch;
	align-items: center;
	margin: 0.75rem 0;
	color: #454545;
}

#offcanvasProtection .offcanvas-body .warranty-quote .quote-info {
	flex-grow: 1;
	background-color: #ffffff;
	border: 2px solid #1d8d08;
	border-radius: 0.625rem 0 0 0.625rem;
}

#offcanvasProtection .offcanvas-body .warranty-quote .quote-info p {
	font-family: 'Centrale Sans Medium', Trebuchet, sans-serif;
	text-align: center;
}

#offcanvasProtection .offcanvas-body .warranty-quote .quote-info p.quote-title {
	font-family: 'Centrale Sans Bold', Trebuchet, sans-serif;
	font-size: 1.25rem;
	color: #1d8d08;
}

#offcanvasProtection .offcanvas-body .warranty-quote .quote-price {
	flex-shrink: 1;
	background-color: #1d8d08;
	border: 2px solid #1d8d08;
	border-radius: 0 0.625rem 0.625rem 0;
}

#offcanvasProtection .offcanvas-body .warranty-quote .quote-price p.price {
	font-family: 'Centrale Sans Medium', Trebuchet, sans-serif;
	font-size: 1.25rem;
	color: #ffffff;
	text-align: center;
}

#offcanvasProtection .offcanvas-body .warranty-compare {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 0;
}

#offcanvasProtection .offcanvas-body .warranty-compare .covered {
	margin-top: 1rem;
}

#offcanvasProtection .offcanvas-body .warranty-compare .covered p.title {
	font-family: 'Centrale Sans Bold', Trebuchet, sans-serif;
	font-size: 1.25rem;
}

#offcanvasProtection .offcanvas-body .warranty-compare .not-covered p.title {
	font-family: 'Centrale Sans Bold', Trebuchet, sans-serif;
	font-size: 1.25rem;
}

#offcanvasProtection .offcanvas-body .warranty-compare .covered ul.covered-list li {
	font-size: 0.875rem;
	line-height: 1.5rem;
	text-align: left;
	margin-left: 1.5rem;
}

#offcanvasProtection .offcanvas-body .warranty-compare .covered ul.covered-list li::marker {
	content: url("https://s3.eu-west-1.amazonaws.com/media.markselectrical.co.uk/domestic-general/dg-tick.png") "  ";
}

/* (Safari + MobileSafari >= 14.6) or (All MobileSafari versions) */
/* Chromium added one or both of these selectors in a recent update - April 2023 */
/* @supports (selector(:nth-child(1 of x))) or (-webkit-touch-callout: none) { */
/* Newer detection for Safari only after Apple added a non-standard -webkit- function */
@supports (background: -webkit-named-image(i)) {
	#offcanvasProtection .offcanvas-body .warranty-compare .covered ul.covered-list ul {
		list-style-type: none;
		padding: 0.75rem 0;
	}
	
	#offcanvasProtection .offcanvas-body .warranty-compare .covered ul.covered-list li::before {
		content: url("https://s3.eu-west-1.amazonaws.com/media.markselectrical.co.uk/domestic-general/dg-tick.png") "  ";
		position: absolute;
		left: 5px;
	}
}

#offcanvasProtection .offcanvas-body .warranty-compare .not-covered {
	margin-top: 1rem;
}

#offcanvasProtection .offcanvas-body .warranty-compare .not-covered ul.not-covered-list li {
	font-size: 0.875rem;
	line-height: 1.5rem;
	text-align: left;
	margin-left: 1.5rem;
}

#offcanvasProtection .offcanvas-body .warranty-compare .not-covered ul.not-covered-list li::marker {
	content: url("https://s3.eu-west-1.amazonaws.com/media.markselectrical.co.uk/domestic-general/dg-cross-grey.png") "  ";
}

/* (Safari + MobileSafari >= 14.6) or (All MobileSafari versions) */
/* Chromium added one or both of these selectors in a recent update - April 2023 */
/* @supports (selector(:nth-child(1 of x))) or (-webkit-touch-callout: none) { */
/* Newer detection for Safari only after Apple added a non-standard -webkit- function */
@supports (background: -webkit-named-image(i)) {
	#offcanvasProtection .offcanvas-body .warranty-compare .not-covered ul.not-covered-list ul {
		list-style-type: none;
		padding: 0.75rem 0;
	}
	
	#offcanvasProtection .offcanvas-body .warranty-compare .not-covered ul.not-covered-list li::before {
		content: url("https://s3.eu-west-1.amazonaws.com/media.markselectrical.co.uk/domestic-general/dg-cross-grey.png") "  ";
		position: absolute;
		left: 5px;
	}
}

#offcanvasProtection .offcanvas-body .extra-info p, 
#offcanvasProtection .offcanvas-body .extra-info a {
	font-size: 0.8125rem;
}

@media screen and (max-width: 499px) {
	#offcanvasProtection .offcanvas-body .warranty-quote {
		flex-direction: column;
	}
	
	#offcanvasProtection .offcanvas-body .warranty-quote .quote-info {
		border-radius: 0.625rem 0.625rem 0 0;
		width: 100%;
	}
	
	#offcanvasProtection .offcanvas-body .warranty-quote .quote-price {
		border-radius: 0 0 0.625rem 0.625rem;
		width: 100%;
	}
}

/********************
* Finance
********************/

/********************
* Marks+ PayPal IFC
********************/

#offcanvasFinance .offcanvas-body .paypal-ifc {
	border-radius: 0.625rem;
}

#offcanvasFinance .offcanvas-body .paypal-ifc .ifc-text img {
	max-height: 40px;
}

#offcanvasFinance .offcanvas-body .paypal-ifc .ifc-text p.bold {
	font-size: 1rem;
}

#offcanvasFinance .offcanvas-body .paypal-ifc .ifc-text p {
	font-size: 0.8125rem;
}

/********************
* Frasers Plus Finance
********************/

#offcanvasFinance .offcanvas-body .frasers-plus-finance {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}

#offcanvasFinance .offcanvas-body .frasers-plus-finance p {
	color: #8400d1;
	font-size: 0.8125rem;
}

#offcanvasFinance .offcanvas-body .frasers-plus-finance a {
	color: #8400d1;
	font-size: 0.8125rem;
	text-decoration: underline;
}

/********************
* PayPal Imegamedia
********************/

#offcanvasFinance .offcanvas-body #paypal-imegamedia .imm-widget-anchor {
	margin: 0 !important;
}

#offcanvasFinance .offcanvas-body #paypal-imegamedia .imm-widget-anchor:nth-of-type(1) {
	height: 1.5rem !important;
}

#offcanvasFinance .offcanvas-body #paypal-imegamedia .imm-widget-anchor:nth-of-type(n+2) {
	height: 1.5rem !important;
	margin-top: 0.75rem !important;
}

#offcanvasFinance .offcanvas-body #paypal-imegamedia .imm-widget-anchor.imm-oor-widget {
	height: 1.5rem !important;
	margin-top: 0 !important;
}

@media screen and (max-width: 499px) {
	#offcanvasFinance .offcanvas-body #paypal-imegamedia .imm-widget-anchor:nth-of-type(1) {
		height: 2.25rem !important;
	}

	#offcanvasFinance .offcanvas-body #paypal-imegamedia .imm-widget-anchor:nth-of-type(n+2) {
		height: 2.25rem !important;
	}
	
	#offcanvasFinance .offcanvas-body #paypal-imegamedia .imm-widget-anchor.imm-oor-widget {
		height: 2.25rem !important;
	}
}

@media screen and (max-width: 360px) {
	#offcanvasFinance .offcanvas-body #paypal-imegamedia .imm-widget-anchor:nth-of-type(1) {
		height: 3.25rem !important;
	}

	#offcanvasFinance .offcanvas-body #paypal-imegamedia .imm-widget-anchor:nth-of-type(n+2) {
		height: 3.25rem !important;
	}
	
	#offcanvasFinance .offcanvas-body #paypal-imegamedia .imm-widget-anchor.imm-oor-widget {
		height: 3.25rem !important;
	}
}

/********************
* Klarna
********************/

#offcanvasFinance .offcanvas-body .klarna-finance klarna-placement div {
	margin-bottom: 0;
	max-width: unset;
}

#offcanvasFinance .offcanvas-body #klarna-finance::part(osm-container) {
	/* justify-content: center; */
	border: none;
	border-radius: 1.5rem;
	padding: 0;
}

/********************
* ClearPay
********************/

#offcanvasFinance .offcanvas-body #clearpayWidget3 > square-placement {
	margin-block-start: 0.5rem;
	margin-block-end: 0.5rem;
}

/********************
* Marks+
********************/

#offcanvasMarksPlus {
	background-color: #0099ff;
}

#offcanvasMarksPlus .offcanvas-header .btn-close {
	filter: invert(1);
}

#offcanvasMarksPlus h3 {
	color: #ffffff;
	font-size: 2.5rem;
}

#offcanvasMarksPlus .perks-image {
	margin-top: 1rem;
	width: 100%;
}

#offcanvasMarksPlus .membership-benefits {
	border-radius: 0.625rem;
	background: #ffffffd9 0% 0% no-repeat padding-box;
	border: 1px solid #ffffff;
}

#offcanvasMarksPlus .membership-benefits:first-of-type {
	margin-top: -1.75rem;
}

#offcanvasMarksPlus .membership-benefits:not(:first-of-type) {
	margin-top: 1rem;
}

#offcanvasMarksPlus .membership-benefits .membership-item i {
	font-size: 1rem;
}

#offcanvasMarksPlus .membership-benefits p {
	font-size: 1.25rem;
}

#offcanvasMarksPlus .membership-benefits p .new-badge {
	color: #ffffff;
	background-color: #102a4b;
	padding: 0.25rem 0.5rem;
	border-radius: 0.3125rem;
}

#offcanvasMarksPlus .membership-item p {
	font-size: 1rem;
}

#offcanvasMarksPlus .membership-price-text {
	font-size: 1.25rem;
	line-height: 1.5rem;
	margin-bottom: 1rem;
}

#offcanvasMarksPlus .membership-price-text .small {
	font-style: italic;
	font-size: 0.9375rem !important;
	font-weight: normal;
	color: #e4f3ff;
}

#offcanvasMarksPlus .membership-buttons {
	margin-top: 2rem;
}

#offcanvasMarksPlus .login-button-container .login-button {
	font-family: 'Centrale Sans Bold', Trebuchet, sans-serif;
	background-color: #102a4b;
	color: #ffffff;
	border-radius: 1.5rem;
	font-size: 0.9375rem;
	font-weight: 600;
	height: 50px;
	min-width: 195px;
}

#offcanvasMarksPlus .learn-button-container .learn-button {
	font-family: 'Centrale Sans Bold', Trebuchet, sans-serif;
	color: #ffffff;
	border-radius: 1.5rem;
	font-size: 0.9375rem;
	font-weight: 600;
	height: 50px;
	min-width: 195px;
	border: 2px solid #ffffff;
}

#offcanvasMarksPlus .membership-details {
	font-size: 0.9375rem;
	margin-top: 2rem;
}

#offcanvasMarksPlus .membership-details ul {
	list-style-position: outside;
	padding-left: 1.125rem;
}

#offcanvasMarksPlus .membership-details ul li {
	margin-bottom: 0.25rem;
	text-indent: -0.125rem;
}

#offcanvasMarksPlus .details-link {
	text-decoration: underline;
	color: #ffffff;
	cursor: pointer;
}

@media (max-width: 400px) {
	#offcanvasMarksPlus .membership-item p {
		font-size: 0.8125rem;
	}
}

#offcanvasMarksPlus .paypal-representative .re-title {
	font-size: 1rem;
}

#offcanvasMarksPlus .paypal-representative .re-tcs {
	font-size: 0.75rem;
}