body,
html {
	min-width: 360px;
}

h1 {
	font-size: 28px;
	line-height: 1.15;
}

h2 {
	font-size: 18px;
}

.hidden-mobile {
	display: none;
}

.hidden-desktop {
	display: unset;
}

.dropdown-title:hover {
	color: #000000;
	background-color: #ffffff;
}

#paypal-paylater-message {
	min-height: 4.75vw;
}

/* SMALLER SCREEN GENERAL */

@media screen and (max-width: 700px) {

	h1 {
		font-size: 24px;
	}

	h2 {
		font-size: 18px;
	}

	.dropdown-title {
		padding-top: 2px;
		line-height: 34px;
	}

	.dropdown-title h2 {
		padding-top: 4px;
		line-height: 32px;
	}

	#paypal-paylater-message {
		min-height: 15.5vw;
	}

}


/* HIDE DESKTOP TOP BAR, MENU AND SEARCH */

#top-banner,
#top-menu {
	display: none;
}

#top-trail {
	width: 96%;
	margin-top: 12px;
	font-size: 12px;
}

#top-trail li {
	font-size: 12px;
	white-space: nowrap;
	font-weight: 300;
}


/* TOP BAR */

#top-bar {
	height: 30px;
	position: sticky;
	top: 0;
	z-index: 10;
}

#top-bar-inner {
	width: 90%;
	max-width: 680px;
	height: 30px;
}

#top-bar-inner .top-bar-divider,
#top-bar-inner .top-bar-link a {
	font-size: 13px;
	line-height: 30px;
}

@media screen and (max-width: 700px) {

	#top-bar-inner {
		display: none;
	}

	#top-bar-scroller {
		display: block;
		height: 29px;
		width: 85%;
		margin: 0 auto;
		padding-top: 1px;
		box-sizing: border-box;
	}

	#top-bar-scroller a {
		color: #ffffff;
		font-size: 13px;
		line-height: 29px;
	}

	#top-bar-scroller .MagicScroll-horizontal .mcs-button-arrow-prev,
	#top-bar-scroller .MagicScroll-horizontal .mcs-button-arrow-next {
		opacity: 1;
	}

	#top-bar-scroller .MagicScroll-horizontal .mcs-button-arrow-prev::before,
	#top-bar-scroller .MagicScroll-horizontal .mcs-button-arrow-next::before {
		border-color: #eeeeee;
		border-width: 1px;
		height: 10px;
		width: 10px;
		top: 15px;
	}

}


/* MOBILE/TABLET HEADER */

#mobile-header {
	display: block;
	position: sticky;
	height: 48px;
	background-color: #ffffff;
	font-size: 0;
	top: 30px;
	z-index: 10;
	border-bottom: 1px solid #e8e8e8;
	overflow: hidden;
}


/* Mobile menu icons (left) */

#mobile-header-icons-left {
	float: left;
	overflow: hidden;
	height: 48px;
	margin-left: 4px;
}


#mobile-header-icons-left  #mobile-header-icons-burger,
#mobile-header-icons-left  #mobile-header-icons-close {
	float: left;
	width: 48px;
	height: 48px;
}

#mobile-header-icons-left  #mobile-header-icons-close {
	display: none;
}

#mobile-header-icons-left  #mobile-header-icons-burger img,
#mobile-header-icons-left  #mobile-header-icons-close img {
	width: 26px;
	height: 26px;
	padding: 11px;
}

#mobile-header-icons-left #mobile-header-icons-search {
	float: left;
	width: 48px;
	height: 48px;
	margin-left: 5px;
}

#mobile-header-icons-left  #mobile-header-icons-search img {
	width: 26px;
	height: 26px;
	padding: 11px;
}

.hc-nav-trigger {
	position: inherit !important;
}


/* Mobile header logo */

#mobile-header #mobile-header-logo {
	width: 142px;
	height: 32px;
	position: absolute;
	left: calc(50% - 150px);
	top: 9px;
}

#mobile-header #mobile-header-logo img {
	width: 300px;
	height: 32px;
}


/* Mobile menu icons (right) */

#mobile-header-icons-right {
	float: right;
	overflow: hidden;
	height: 48px;
	margin-right: 4px;
}

#mobile-header-icons-right #mobile-header-icons-account {
	display: inline-block;
	position: relative;
	width: 48px;
	height: 48px;
	margin-right: 5px;
}

#mobile-header-icons-right #mobile-header-icons-account img {
	width: 30px;
	height: 30px;
	padding: 9px;
}

#mobile-header-icons-right #mobile-header-icons-basket {
	display: inline-block;
	position: relative;
	width: 48px;
	height: 48px;
}

#mobile-header-icons-right #mobile-header-icons-basket img {
	width: 30px;
	height: 30px;
	padding: 9px;
}

#mobile-header-icons-right #mobile-header-icons-basket #mobile-header-icon-basket-qty {
	display: block;
	color: #000000;
	font-size: 11px;
	position: absolute;
	width: 48px;
	height: 48px;
	line-height: 41px;
	padding-top: 7px;
	text-align: center;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

@media screen and (max-width: 600px) {

	#mobile-header-icons-left #mobile-header-icons-search {
		margin-left: 0;
	}

	#mobile-header-icons-right #mobile-header-icons-account {
		margin-right: 0;
	}

	#mobile-header #mobile-header-logo {
		width: 180px;
		height: 28px;
		left: calc(50% - 90px);
		top: 12px;
	}

	#mobile-header #mobile-header-logo img {
		width: 180px;
		height: 19px;
		padding: 3px 0;
	}

}

@media screen and (max-width: 400px) {

	#mobile-header #mobile-header-logo {
		width: 150px;
		height: 28px;
		left: calc(50% - 75px);
		top: 12px;
	}

	#mobile-header #mobile-header-logo img {
		width: 150px;
		height: 16px;
		padding: 5px 0;
	}

}

/* Mobile menu search (initially hidden) */

#mobile-header-search {
	position: absolute;
	top: 55px;
	left: 20px;
	right: 20px;
	font-size: 0;
	height: 34px;
	box-sizing: border-box;
	border: 1px solid #d0d0d0;
}

#mobile-header-search .search-text {
	float: right;
	width: calc(100% - 40px);
	height: 32px;
	border: 0;
	padding: 0 5px;
	background-color: #ffffff;
	font-family: var(--FontFamily), sans-serif;
	font-size: 15px;
	color: #000000;
	box-sizing: border-box;
}

#mobile-header-search .search-text:focus {
	outline: none;
	box-shadow: none;
}

#mobile-header-search .search-button {
	float: left;
	box-sizing: border-box;
	height: 32px;
	width: 32px;
	border: 0;
	padding: 0;
	cursor: pointer;
	background-color: #ffffff;
}

#mobile-header-search .search-button img {
	height: 24px;
	width: 24px;
	padding: 4px 0 4px 8px;
}

#mobile-header-search .search-text:focus,
#mobile-header-search .search-button:focus {
	outline-width: 0;
}

@media screen and (max-width: 600px) {

	#mobile-header-search {
		left: 15px;
		right: 15px;
	}

}


/* SEARCH SUGGESTIONS */

#search_suggest {
	display: none;
}

#search_suggest_mobile {
	display: block;
	position: absolute;
	background-color: #ffffff;
	text-align: left;
	padding: 2px;
	border: 1px solid #000000;
	visibility: hidden;
	width: calc(100% - 40px) !important;
	top: 122px !important;
	left: 20px !important;
	z-index: 100;
	font-family: var(--FontFamily), sans-serif;
	font-size: 15px;
	overflow: auto;
	max-height: min(560px, calc(100vh - 150px));
	line-height: normal;
	box-sizing: border-box;
}


/* ADDED TO BASKET DROPDOWN */

#top-basket {
	width: 100%;
}

#top-basket-dropdown {
	right: calc((100% - 400px) / 2);
}

#top-basket-view-button:hover {
	background-color: var(--ButtonBackgroundColour);
	color: var(--ButtonTextColour);
}


/* PHONE ADDED TO BASKET DROPDOWN */

@media screen and (max-width: 450px) {

	#top-basket-dropdown {
		right: 2%;
		width: 96%;
		font-size: 14px;
		padding: 10px 10px 25px 10px;
	}

}


/* TOP INFO */

#top-info-inner {
	width: 96%;
	justify-content: space-around;
}

#top-info-inner .top-info-item:nth-child(3) {
	display: none;
}

@media screen and (max-width: 700px) {

	#top-info-inner .top-info-item:nth-child(2) {
		display: none;
	}

}


/* TOP PROMO BAR */

.promo-bar picture img {
	padding: 0 5px;
}


/* MOBILE SLIDE-OUT MENU */

.hc-offcanvas-nav .nav-container, .hc-offcanvas-nav .nav-wrapper, .hc-offcanvas-nav ul {
	background: var(--ButtonBackgroundColour) !important;
}

.hc-offcanvas-nav:not(.touch-device) li:not(.nav-item-custom) a:not([disabled]):hover,
.hc-offcanvas-nav .nav-content > .nav-close a:hover {
	background: color-mix(in srgb, var(--ButtonBackgroundColour) 90%, #ffffff) !important;
}

.hc-offcanvas-nav .nav-content > h2 {
	padding: 15px 15px 20px 15px !important;
}

.hc-offcanvas-nav .nav-title + .nav-close a:not(.has-label) {
	top: 18px !important;
}

.hc-offcanvas-nav ul.bottom-icons {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	border-top: 1px solid color-mix(in srgb, var(--ButtonBackgroundColour) 70%, #000000);
}

.hc-offcanvas-nav ul.bottom-icons li {
	flex: auto;
	text-align: center;
}

.hc-offcanvas-nav ul.bottom-icons li i {
	font-size: 24px;
}


/* BOTTOM MENU */

#bottom-menu {
	width: 100%;
	min-width: unset;
}

#bottom-menu-inner {
	width: 100%;
}


#bottom-menu-description {
	width: calc(100% - 30px);
	font-size: 13px;
	margin: 0 auto;
}

#bottom-menu-columns {
	display: none;
}

#bottom-menu-icons {
	width: 96%;
	max-width: 480px;
	flex-wrap: wrap;
	gap: 15px 20px;
	margin: 20px auto;
}

.bottom-menu-icons-social {
	display: none;
}

.bottom-menu-icons-cards {
	order: 1;
}

.bottom-menu-icons-general {
	order: 2;
}

.bottom-menu-icons-general .ethical-icon {
	margin: 0 12px 0 0;
}

.bottom-menu-icons-general .paypal-icon {
	margin: 5px 12px;
}

.bottom-menu-icons-general .global-icon {
	margin: 12px 0 8px 12px;
}

@media screen and (max-width: 600px) {

	.bottom-menu-icons-spark {
		width: 100%;
	}

	.bottom-menu-icons-spark img {
		margin-bottom: 0;
	}

	.bottom-menu-icons-general .ethical-icon {
		height: 40px;
		width: 47px;
		margin: 0 10px 0 0;
	}

	.bottom-menu-icons-general .paypal-icon {
		height: 32px;
		width: 130px;
		margin: 4px 10px;
	}

	.bottom-menu-icons-general .global-icon {
		height: 24px;
		width: 160px;
		margin: 10px 0 6px 10px;
	}

	.bottom-menu-icons-cards a img {
		height: 33px;
		width: 50px;
		margin: 0 2px;
	}

}


/* FOOTER */

#footer {
	width: 100%;
	min-width: unset;
}

#footer-inner {
	width: 96%;
	padding: 10px 0;
	font-size: 10px;
}

#footer-left,
#footer-right {
	width: 100%;
	float: unset;
	clear: unset;
	text-align: center;
}


/* COOKIE CONSENT */

#cookie-consent-inner {
	width: 96%;
}
#cookie-consent p {
	display: block;
	text-align: center;
	margin: 10px 0 3px 0;
	font-size: 14px;
}
#cookie-consent-forms {
	display: block;
	text-align: center;
	float: none;
}
#cookie-consent form .alertable-ok,
#cookie-consent form .alertable-cancel {
	width: auto;
	padding: 6px 12px 4px 12px;
	margin: 0 7px;
	font-size: 14px;
}


/* PHONE COOKIE CONSENT */

@media screen and (max-width: 450px) {

	#cookie-consent p {
		margin: 6px 0 2px 0;
	}
	#cookie-consent form {
		display: block;
		margin: 8px 0;
	}
	#cookie-consent form .alertable-ok,
	#cookie-consent form .alertable-cancel {
		width: 230px;
		padding: 4px 0 2px 0;
	}
}


/* TRUSTPILOT */

.trustpilot {
	width: 96%;
	margin-top: 3vw;
	margin-bottom: 4vw;
}

.trustpilot .trustpilot-border {
	max-width: 500px;
	width: auto;
	height: auto;
}


/* PHONE TRUSTPILOT */

@media screen and (max-width: 450px) {

	.trustpilot {
		margin-top: 4vw;
		margin-bottom: 6vw;
	}

}


/* SECTION PAGE */

#section-page {
	width: 96%;
	margin-top: 15px;
}

#section-page > .section-logo {
	max-height: 50px;
	max-width: 180px;
}

@media screen and (max-width: 700px) {

	#section-page > .section-logo {
		position: relative;
		right: unset;
		top: unset;
		margin: -5px auto 12px auto;
		display: block;
	}

	.section-page-banner {
		margin: 10px 0 5px 0;
	}

}


/* New and sale products section pages */

#section-page.new-page > h2 {
	font-size: 20px;
	margin: 20px 0 -5px 0;
}

#section-page.new-page > h3 {
	font-size: 18px;
}

#section-page.new-page > p {
	font-size: 14px;
}


/* SMALLER SCREEN SECTION PAGE */

@media screen and (max-width: 700px) {

	#section-page.new-page > h2 {
		font-size: 18px;
	}

	#section-page.new-page > h3 {
		font-size: 16px;
	}

	.section-block a h2,
	.product-block a h2 {
		line-height: 1.25;
	}

	.product-block a .product-block-note {
		bottom: 5.5%;
	}

}

#section-blocks,
#product-blocks,
.product-suggestions {
	justify-content: space-around;
}

@media screen and (max-width: 650px) {

	/* Section blocks, 1 per row shrunk to fit */
	#section-blocks {
		grid-template-columns: repeat(auto-fill, min(402px, calc(100% - 10px)));
		column-gap: 0;
		row-gap: 18px;
		margin: 20px 0;
	}

	#section-blocks > .section-block {
		width: 100%;
		max-width: 402px;
	}

	.section-block a:hover h2 {
		text-decoration: none;
	}

}

@media screen and (max-width: 420px) {

	.section-block a h2 {
		font-size: 16px;
		margin: 7px 0;
	}

}

@media screen and (max-width: 650px) {

	/* Product blocks, 2 per row shrunk to fit */

	#product-blocks {
		grid-template-columns: repeat(auto-fill, calc(50% - 10px));
		column-gap: 10px;
		row-gap: 25px;
		margin-bottom: 10px;
	}

	#product-blocks > .product-block {
		width: 100%;
		max-width: 280px;
	}

	.product-block a {
		height: min(calc(100% + 55px), calc(100% + 8.5vw));
	}

	.product-block a h2 {
		font-size: clamp(14px, calc((50vw - 10px) * 0.06), 18px);
	}

	.product-block a:hover h2 {
		text-decoration: none;
	}

	.product-block a h2 span {
		width: min(40px, calc(((50vw - 10px) * 0.1) + 10px));
		height: min(40px, calc(((50vw - 10px) * 0.1) + 10px));
	}

	.product-block a .product-block-note,
	.product-suggestions > .product-block a .product-block-note {
		font-size: clamp(10px, calc((50vw - 10px) * 0.05), 13px);
	}

	.product-block a .product-block-prices,
	.product-block a .product-block-prices .product-block-normal-price,
	.product-suggestions > .product-block a .product-block-prices,
	.product-suggestions > .product-block a .product-block-prices .product-block-normal-price {
		height: min(40px, calc((50vw - 10px) * 0.13));
		line-height: min(36px, (calc((50vw - 10px) * 0.13) - 4px));
		font-size: min(28px, calc((50vw - 10px) * 0.10));
	}

	.product-block a .product-block-prices .product-block-normal-price,
	.product-suggestions > .product-block a .product-block-prices .product-block-normal-price {
		padding-right: 8%;
	}

	.product-block a .product-block-icon,
	.product-suggestions > .product-block a .product-block-icon {
		width: min(98px, calc((50vw - 10px) * 0.32));
		height: min(40px, calc((50vw - 10px) * 0.13));
	}

}


/* FILTERS */

#section-filters {
	padding: 8px 0;
	display: none;
}

#section-filter-form p {
	display: block;
	line-height: 1.2;
	height: auto;
	margin: 8px auto -3px auto;
	text-align: center;
	padding: 0;
	float: none;
	clear: unset;
}

.section-filter-group {
	float: none;
	clear: unset;
	width: 90%;
	max-width: 400px;
	box-sizing: border-box;
	margin: 10px auto;
}

.section-filter-dropdown {
	width: calc(90% - 2px);
	max-width: 398px;
}

.section-filter-reset {
	float: none;
	clear: unset;
	margin: 15px auto 10px auto;
	width: 220px;
}

.section-filter-reset:hover {
	background-color: var(--ButtonBackgroundColour);
	color: var(--ButtonTextColour);
}

#section-sort {
	display: flex;
	justify-content: space-around;
}

.section-sort-left,
.section-sort-right {
	width: 47%;
	max-width: 220px;
	text-align: center;
}

.section-sort-left {
	padding-right: 12px;
}

.section-sort-right {
	padding-left: 12px;
}

@media screen and (max-width: 650px) {

	.section-sort-left {
		padding-right: 5px;
	}

	.section-sort-right {
		padding-left: 5px;
	}

}

.section-sort-left p,
.section-sort-right p {
	padding: 2px 0 2px 0;
	line-height: 20px;
	font-size: 14px;
}

#section-filter-toggle {
	width: 100%;
	height: 30px;
	font-family: var(--FontFamily), sans-serif;
	font-size: 14px;
	padding: 2px 0 0 8px;
	background-color: #ffffff;
	color: #000000;
	border: 1px solid #e0e0e0;
	display: block;
	margin-top: 1px;
	position: relative;
	text-align: left;
}

#section-filter-toggle:after {
	font-family: FontAwesome;
	font-size: 17px;
	content: "\f1de"; /* sliders */
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	padding: 0 2px 3px 0;
	line-height: 27px;
	text-align: center;
	width: 30px;
	box-sizing: border-box;
}

#section-sort-select {
	width: 100%;
}

#section-sort-select label select,
.section-filter-title {
	font-size: 14px;
}


#section-sort-select label:after {
	font-size: 14px;
	content: "\f176"; /* up arrow */
	position: absolute;
	padding: 0 0 1px 2px;
	text-align: left;
	width: 15px;
	background-color: #ffffff;
}

#section-sort-select label:before {
	font-family: FontAwesome;
	font-size: 14px;
	content: "\f175"; /* down arrow */
	position: absolute;
	right: 15px;
	top: 0;
	bottom: 0;
	padding: 1px 0 0 0;
	line-height: 28px;
	text-align: right;
	width: 15px;
	background-color: #ffffff;
	color: #000000;
	box-sizing: border-box;
}


/* PRODUCT PAGE */

#product-page {
	width: 96%;
	margin: 15px auto 10px auto;
}


/* Photo and thumbnails */

#product-column1 {
	margin: 30px auto 30px auto;
	float: none;
}


/* Title and icons */

#product-column2a {
	width: 100%;
	float: none;
}

#product-column2a #product-title {
	width: 100%;
}

#product-column2a .product-delivery {
	height: 40px;
	width: 97px;
	top: unset;
	bottom: 10px;
}

#product-column2a .product-offer {
	display: none;
}


/* Rest of product page */

#product-column2b {
	width: 100%;
	float: none;
}

#product-column2b .product-swatches {
	margin-top: 0;
}

#product-column2b .product-swatch {
	margin: 5px 5px 0 0;
}

#product-column2b .product-swatch a {
	height: 32px;
	width: 32px;
}

#product-column2b .product-swatch span {
	height: 36px;
	width: 36px;
}


#product-column2b #product-extras {
	margin-top: 10px;
}


#product-column2b #product-basket .product-basket-row {
	padding-top: 5px;
}

#product-column2b #product-basket .product-basket-row .product-basket-title {
	width: 100%;
	text-align: left;
	height: 20px;
	line-height: 20px;
	padding: 0;
}

#product-column2b #product-basket .product-basket-row .product-basket-value {
	width: 100%;
}

#product-column2b #product-basket .add-to-basket {
	max-width: calc(100% - 160px);
}

#product-column2b #product-basket .product-basket-qty-add .add-to-basket:hover {
	background-color: var(--ButtonBackgroundColour);
	color: var(--ButtonTextColour);
}

#product-column2b .product-offer {
	display: block;
	margin: 30px 0 10px 0;
	text-align: center;
}

#product-column2b .product-offer img {
	width: auto;
	max-width: 100%;
	height: auto;
}


@media screen and (max-width: 570px) {

	#product-column2b #product-dropdowns {
		padding-top: 25px;
	}

}


.product-suggestions-container {
	width: 100%;
	height: 580px;
	overflow: hidden;
}


@media screen and (max-width: 780px) {

	#product-column2a #product-title-icons #product-title h1 {
		font-size: 24px;
	}

	#product-column2a #product-title-icons #product-title p {
		margin-bottom: 0;
		font-size: 15px;
	}

	.product-suggestions-container {
		height: auto;
		overflow: auto;
	}

	.product-suggestions {
		column-gap: 25px;
	}

	.product-suggestions .product-block:nth-child(n+5) {
		display: none;
	}

}


@media screen and (max-width: 570px) {

	#product-column1 {
		margin: 25px auto;
		width: 440px;
		height: 510px;
		overflow: hidden;
	}

	#product-column1 .product-image,
	#product-column1 .product-image .MagicZoom {
		width: 340px;
		height: 510px;
	}

	#product-column1 .product-thumbnails {
		width: 90px;
		height: 500px;
		top: 5px;
	}

	#product-column1 .MagicScroll {
		height: 500px;
		width: 90px;
	}

	#product-column1 .MagicScroll .product-thumbnail {
		height: 135px;
		width: 90px;
		margin: 6px 0;
	}

	#product-column1 .product-overlay-sale,
	#product-column1 .product-overlay-new {
		left: 100px;
		font-size: 16px;
	}

	#product-column1 .product-overlay-offer {
		left: 100px;
		width: 55px;
		height: 55px;
	}

	#product-column1 .product-overlay-round {
		top: 15px;
		right: 15px;
		width: 120px;
		height: 120px;
	}

	#product-column2b #product-basket .product-basket-qty-add .add-to-basket {
		width: 220px;
		float: right;
		margin-left: 0;
	}

}

@media screen and (max-width: 530px) {

	.product-suggestions {
		grid-template-columns: repeat(auto-fill, calc(50% - 10px));
		column-gap: 10px;
		row-gap: 25px;
		margin-bottom: 10px;
	}

	.product-suggestions > .product-block {
		width: 100%;
		max-width: 230px;
	}

}

@media screen and (max-width: 480px) {

	#product-column1 {
		margin: 20px auto;
		width: 345px;
		height: 400px;
		overflow: hidden;
	}

	#product-column1 .product-image,
	#product-column1 .product-image .MagicZoom {
		width: 267px;
		height: 400px;
	}

	#product-column1 .product-thumbnails {
		width: 67px;
		height: 400px;
		top: 0
	}

	#product-column1 .MagicScroll {
		height: 400px;
		width: 67px;
		margin-top: 0;
	}

	#product-column1 .MagicScroll .product-thumbnail {
		height: 100px;
		width: 67px;
		margin: 7px 0;
	}

	#product-column1 .product-overlay-sale,
	#product-column1 .product-overlay-new {
		left: 78px;
		font-size: 15px;
	}

	#product-column1 .product-overlay-offer {
		left: 78px;
		width: 50px;
		height: 50px;
	}

	#product-column1 .product-overlay-round {
		top: 12px;
		right: 12px;
		width: 100px;
		height: 100px;
	}

	#product-column2b #product-dropdowns .dropdown-content .product-table {
		font-size: 14px;
	}

	#product-column2b #product-dropdowns .dropdown-content .product-table .product-table-size {
		padding-right: 15px;
	}

	#product-column2b #product-dropdowns .dropdown-content .product-table .product-table-price,
	#product-column2b #product-dropdowns .dropdown-content .product-table .product-table-stock {
		padding-left: 20px;
	}

	#product-column2b #product-dropdowns .dropdown-content .product-eco p {
		font-size: 14px;
	}

}


/* CART PAGE */

.cart-page {
	width: 96%;
}

.cart-paypal {
	margin: 15px 0;
}

.cart-flex {
	width: 100%;
	display: block;
	overflow: auto;
}

.cart-sticky {
	width: 100%;
}

.cart-sticky .cart-sticky-inner {
	width: 100%;
	height: 70px;
	background-color: #ffffff;
	text-align: center;
}

.cart-sticky .checkout {
	width: 96%;
	margin: 10px auto 15px auto;
}

.cart-sticky .checkout:hover {
	background-color: var(--ButtonBackgroundColour);
	color: var(--ButtonTextColour);
}

.cart-sidebar {
	display: block;
	width: 100%;
}

.cart-sidebar h2 {
	margin: 0 0 -10px 0;
}

.cart-sidebar .offercode input[type="submit"]:hover {
	background-color: var(--ButtonBackgroundColour);
	color: var(--ButtonTextColour);
}

.cart-sidebar .continue {
	margin-top: 60px;
}

.cart-sidebar .continue:hover {
	background-color: var(--ButtonBackgroundColour);
	color: var(--ButtonTextColour);
}

.cart-block,
.cart-info,
.cart-banner {
	width: 100%;
}

.cart-block .cart-block-center {
	left: 175px;
	width: calc(100% - 340px);
}

.cart-block .cart-block-center h2 a:hover {
	text-decoration: none;
}

.cart-block .cart-block-center p {
	margin-bottom: 6px;
}

.cart-block .cart-block-center p .cart-block-center-label {
	font-size: 15px;
	width: 110px;
}

.cart-block .cart-block-center p .cart-block-center-value {
	font-size: 15px;
	width: calc(100% - 110px);
}

.cart-block .cart-block-right {
	width: 165px;
	font-size: 15px;
}

.cart-block .cart-block-right .cart-block-right-price {
	width: 75px;
}

.cart-block .cart-block-right select {
	margin-left: 10px;
}


/* SMALLER SCREEN CART PAGE */

@media screen and (max-width: 700px) {

	.cart-block .cart-block-center {
		left: 0;
		width: calc(100% - 170px);
	}

	.cart-block .cart-block-image,
	.cart-block .cart-block-overlay-new,
	.cart-block .cart-block-overlay-sale,
	.cart-block .cart-block-overlay-offer,
	.cart-block .cart-block-overlay-round {
		display: none;
	}

	.cart-block .cart-block-center h2 {
		font-size: 20px;
	}

	.cart-block .cart-block-center p {
		margin-bottom: 5px;
	}

	.cart-block .cart-block-center p .cart-block-center-label {
		width: 90px;
		font-size: 13px;
	}

	.cart-block .cart-block-center p .cart-block-center-value {
		width: calc(100% - 90px);
		font-size: 13px;
	}

	.cart-block .cart-block-right .cart-block-right-remove {
		bottom: unset;
		top: 185px;
	}

}


/* PHONE CART PAGE */

@media screen and (max-width: 450px) {

	.cart-title {
		margin-bottom: 8px;
	}

	.cart-sidebar h2 {
		margin-bottom: -5px;
		font-size: 18px;
	}

	.cart-sidebar .offercode label {
		margin: 10px 0 1px 0;
		font-size: 15px;
	}

	.cart-sidebar .offercode input[type="text"],
	.cart-sidebar .offercode input[type="number"] {
		height: 30px;
	}

	.cart-sidebar .offercode input[type="submit"] {
		height: 30px;
	}

	.cart-sidebar .offercode .code {
		height: 30px;
		font-size: 15px;
		padding-top: 2px;
		line-height: 28px;
	}

	.cart-sidebar .offercode .remove {
		height: 26px;
		width: 26px;
		border-radius: 8px;
		margin: 2px 0;
	}

	.cart-sidebar .offercode p {
		font-size: 13px;
	}

	.cart-sidebar .offercode .form-error {
		font-size: 15px;
	}

	.cart-sidebar .cart-prices {
		margin: 12px 0 12px 0;
		font-size: 15px;
	}
	.cart-sidebar p.delivery {
		padding-bottom: 6px;
	}

	.cart-sidebar p.total {
		padding-top: 6px;
		font-size: 17px;
	}

	.cart-sidebar .continue {
		margin-top: 55px;
	}

	.cart-block {
		height: 100%;
		overflow: auto;
		min-height: 200px;
		margin: 10px 0;
	}

	.cart-block .cart-block-center {
		width: calc(100% - 155px);
		height: auto;
		position: relative;
		float: left;
	}

	.cart-block .cart-block-center h2 a {
		font-size: 18px;
	}

	.cart-block .cart-block-center p .cart-block-center-label {
		width: 65px;
	}

	.cart-block .cart-block-center p .cart-block-center-value {
		width: calc(100% - 65px);
	}

	.cart-block .cart-block-right {
		width: 150px;
		height: auto;
		font-size: 14px;
	}

	.cart-block .cart-block-right .cart-block-right-options {
		top: 65px;
		line-height: 1.5;
	}

	.cart-block .cart-block-right select {
		height: 30px;
		width: 60px;
	}

	.cart-block .cart-block-right .cart-block-right-price {
		width: 70px;
	}

	.cart-block .cart-block-right .cart-block-right-remove {
		top: 160px;
		height: 26px;
		width: 26px;
		border-radius: 8px;
	}

	.cart-info {
		font-size: 14px;
		padding: 2px 10px;
		margin: 7px 0;
	}

	.cart-info h2 {
		font-size: 18px;
	}

}


/* CHECKOUT PAGES */

.checkout-sticky {
	width: 100%;
}

.checkout-sticky .checkout-sticky-inner {
	width: 100%;
	height: 70px;
	background-color: #ffffff;
	text-align: center;
}

.checkout-sticky input[type="submit"] {
	width: 96%;
	margin: 10px auto 15px auto;
	float: unset;
}

.checkout-sticky input[type="submit"]:hover {
	background-color: var(--ButtonBackgroundColour);
	color: var(--ButtonTextColour);
}


#checkout-sticky-anchor {
	margin-top: 10px;
	height: 50px;
	width: 100%;
}

.checkout-page {
	width: 96%;
}

.checkout-page h2 {
	margin: 20px 0;
	font-size: 20px;
}

.checkout-sections p,
.checkout-message-box p {
	font-size: 15px;
	margin-bottom: 20px;
}

.checkout-note,
.checkout-error {
	font-size: 15px;
}

.checkout-progress {
	margin-bottom: 5px;
	padding: 8px;
}

.checkout-progress h2 {
	font-size: 14px;
	margin: 0;
}

.checkout-section-third-container {
	display: block;
}

.checkout-section-full,
.checkout-section-centre,
.checkout-section-third,
.checkout-section-third:nth-child(3n+2) {
	width: 100%;
	padding: 10px 0 20px 0;
	margin: 0;
}

.checkout-section-half,
.checkout-section-half:nth-child(2n),
.checkout-section-half:nth-child(2n+1) {
	width: 100%;
	padding: 10px 0 0 0;
	margin: 0;
}

.checkout-section-full .checkout-form-row {
	width: 100%;
	max-width: unset;
}


.checkout-section-third:nth-child(3n+2),
.checkout-section-third {
	padding-bottom: 30px;
}

.checkout-section-third p {
	margin-bottom: 35px;
}

.checkout-section-no-padding {
	padding-bottom: 0 !important;
}

.checkout-section-address p {
	text-align: center;
}

.checkout-section-centre input[type="submit"] {
	margin-top: 5px;
}

.checkout-section-address input[type="submit"] {
	margin-top: 25px;
}

.checkout-page label {
	font-size: 15px;
	width: 200px;
}

.checkout-checkbox label {
	width: calc(100% - 40px);
	line-height: 1.25;
	vertical-align: top;
}

.checkout-checkbox input {
	vertical-align: top;
}

.checkout-page input[type="text"],
.checkout-page input[type="password"],
.checkout-page input[type="number"],
.checkout-page input[type="email"],
.checkout-page input[type="tel"],
.checkout-page select,
.checkout-page textarea,
.checkout-page .checkout-form-select {
	width: calc(100% - 220px);
}

.checkout-page .checkout-form-radio {
	padding-left: calc((100% - 220px) / 2);
	height: 30px;
}

.checkout-page input[type="button"]:hover,
.checkout-page input[type="submit"]:hover {
	background-color: var(--ButtonBackgroundColour);
	color: var(--ButtonTextColour);
}

.checkout-section-half-basket input[type="submit"] {
	margin-top: 0;
}

.checkout-cart {
	padding-top: 0;
}

.checkout-cart-right {
	margin-bottom: 40px;
	float: left;
	clear: left;
	width: 100%;
}

.checkout-sections .checkout-cart-right p {
	margin-bottom: 0;
	height: 26px;
}

.checkout-cart-product {
	width: 100%;
}

.checkout-cart-product .checkout-cart-product-info p .checkout-cart-product-label {
	width: 110px;
}

.checkout-cart-product .checkout-cart-product-info p .checkout-cart-product-value {
	width: calc(100% - 110px);
}

.customer-table {
	width: 100%;
	font-size: 15px;
}

.checkout-paypal {
	margin: 2.5vw auto 0 auto;
}



/* CHECKOUT STEP 3 TWEAKS FOR NARROWER */

@media screen and (max-width: 950px) {

	.checkout-page .checkout-form-options {
		flex-wrap: wrap;
		max-width: 450px;
		margin: 20px auto 0 auto;
	}

	.checkout-donation-info {
		justify-content: center;
		flex-wrap: wrap;
	}

	.checkout-donation-info div {
		width: 100%;
	}

	.checkout-donation-info img {
		display: block;
		margin: 0 auto 20px auto;
	}

}



/* SMALLER SCREEN CHECKOUT PAGES */

@media screen and (max-width: 700px) {

	.checkout-page .checkout-form-options {
		flex-wrap: wrap;
		max-width: 450px;
		margin: 20px auto 0 auto;
	}

	.checkout-page .checkout-form-row {
		margin-bottom: 20px;
	}

	.checkout-empty-row {
		height: 25px;
	}

	.checkout-page label,
	.checkout-page label.multi-line {
		width: 100%;
		line-height: 26px;
		max-width: unset;
	}

	.checkout-checkbox label {
		width: calc(100% - 40px);
		line-height: 1.25;
	}

	.checkout-page input[type="text"],
	.checkout-page input[type="password"],
	.checkout-page input[type="number"],
	.checkout-page input[type="email"],
	.checkout-page input[type="tel"],
	.checkout-page select,
	.checkout-page textarea,
	.checkout-page .checkout-form-select {
		width: 100%;
	}

	.checkout-page input[type="submit"],
	.checkout-page input[type="button"] {
		width: 100%;
	}

	.customer-table .customer-table-action input {
		width: 200px;
	}

	.checkout-cart-product {
		height: auto;
		margin-bottom: 30px;
	}

	.checkout-cart-product img,
	.checkout-cart-product-overlay-new,
	.checkout-cart-product-overlay-sale,
	.checkout-cart-product-overlay-offer,
	.checkout-cart-product-overlay-round {
		display: none;
	}

	.checkout-cart-product .checkout-cart-product-info {
/*		height: auto;
		left: 0;
		position: relative;*/
		width: 100%;
		margin-left: 0;
	}

	.customer-table {
		min-width: 650px;
	}

	.checkout-paypal {
		margin: 3.5vw auto 0 auto;
	}

}


/* PHONE CHECKOUT PAGES */

@media screen and (max-width: 450px) {

	.checkout-page h2 {
		font-size: 18px;
		margin: 10px 0;
	}

	.checkout-progress h2 {
		font-size: 13px;
		margin: 0;
	}

	.checkout-sections p,
	.checkout-message-box p {
		font-size: 13px;
	}

	.checkout-page input[type="submit"] {
		margin-top: 25px;
	}

	.checkout-page input[type="button"] {
		margin-top: 20px;
	}

	.checkout-page .checkout-form-row {
		margin-bottom: 15px;
	}

	.checkout-page label,
	.checkout-page label.multi-line {
		line-height: 20px;
	}

	.checkout-page input[type="text"],
	.checkout-page input[type="password"],
	.checkout-page input[type="number"],
	.checkout-page input[type="email"],
	.checkout-page input[type="tel"],
	.checkout-page select {
		height: 30px;
	}

}


.dropdown-content p,
.dropdown-content li {
	font-size: 15px;
}


/* INFO PAGES */

#info-page {
	width: 96%;
}

#info-page .link-list .link-list-title {
	width: 100%;
	padding-bottom: 3px;
}

#info-page .link-list .link-list-info {
	width: 100%;
}

.loyalty-sticky {
	width: 100%;
}

.loyalty-sticky .loyalty-sticky-inner {
	width: 100%;
	height: 70px;
	background-color: #ffffff;
	text-align: center;
	margin: 320px 0 0 0;
}

.loyalty-sticky input[type="submit"] {
	width: 96%;
	margin: 10px auto 15px auto;
	float: unset;
}

.loyalty-sticky input[type="submit"]:hover {
	background-color: var(--ButtonBackgroundColour);
	color: var(--ButtonTextColour);
}

#info-page .loyalty-table  {
	width: 90%;
	max-width: 500px;
}

#info-page .loyalty-table th,
#info-page .loyalty-table td {
	height: 32px;
}


.award-image img {
	max-width: 500px;
	max-height: 150px;
}

#info-page.info-page-history img {
	width: 500px;
	margin: 25px auto;
}

#info-page.info-page-sustainable img {
	width: 500px;
	margin-bottom: 25px;
}


.info-page-giving-back .dropdown-content img {
	max-width: 100%;
}



#info-page .sitemap-column {
	width: 100%;
}


/* MEET THE TEAM */

.teamdiv .teamphoto {
	width: 25%;
	height: auto;
}

.teamdiv .teamphoto img {
	width: 100%;
	height: auto;
	border-radius: 50%;
}

.teamdiv .teambio {
	width: 72%;
}

#info-page .teamdiv .teambio h2 {
	font-size: 24px;
}

#info-page .teamdiv .teambio p {
	font-size: 15px;
}


/* SUSTAINABILITY ICONS */

.sustaindiv .sustaininfo {
	width: calc(100% - 180px);
}

@media screen and (max-width: 520px) {

	.sustaindiv .sustainicon {
		width: 100px;
		height: 80px;
	}

	.sustaindiv .sustainicon img {
		max-width: 100px;
		max-height: 80px;
	}

	.sustaindiv .sustaininfo {
		width: calc(100% - 120px);
	}

}


#info-page #reviews {
	width: 98%;
	margin: 25px auto 0 auto;
}

#info-page #reviews .review {
	width: calc((100% / 2) - (20px / 2));
}

#info-page.info-page-reviews > .trustpilot {
	width: 100%;
}

/* Measuring Guide */

#info-page.info-page-measuring > a {
	width: 96%;
	height: auto;
	margin: 25px auto;
}

#info-page.info-page-measuring > a img {
	width: 100%;
	height: auto;
}

#info-page.info-page-measuring > video {
	width: 96%;
	height: auto;
	margin: 25px auto 40px auto;
}

/* Cost page */

.info-page-cost .dropdown-content img {
	width: 90%;
	max-width: 800px;
	margin: 10px auto 10px auto;
}


/* SMALLER SCREEN INFO PAGES */

@media screen and (max-width: 700px) {

	.award-image img {
		max-width: 320px;
		max-height: 100px;
		margin-bottom: 10px;
	}

	#info-page.info-page-history img {
		width: 320px;
	}

	#info-page.info-page-sustainable img {
		width: 320px;
	}


	.teamdiv {
		display: block;
		margin-bottom: 40px;
	}

	.teamdiv .teamphoto {
		width: 100%;
		height: auto;
		text-align: center;
	}

	.teamdiv .teamphoto img {
		width: 200px;
		height: auto;
		border-radius: 100px;
	}

	.teamdiv .teambio {
		width: 100%;
		margin-top: 20px;
	}

	#info-page .teamdiv .teambio h2 {
		font-size: 24px;
	}

	#info-page .teamdiv .teambio p {
		font-size: 15px;
	}

	#info-page #reviews .review {
		width: 100%;
		margin-bottom: 15px;
	}

}

/* PAYMENT GATEWAY TRANSFER PAGE */
#gateway {
	padding: 60px 20px 0 20px;
}

#gateway p {
	font-size: 14px !important;
}

#gateway input[type="submit"]:hover {
	background-color: var(--ButtonBackgroundColour);
	color: var(--ButtonTextColour);
}