@font-face {
  font-family: 'Myriad-pro';
  src: url('../fonts/Myriad-Pro-Regular.ttf'); /* IE9 Compat Modes */
  
}

.mobile-menu-wrap{
	display:none;
	background:#fff;
}

/* .footer-mobile{ */
	/* display:none; */
/* } */

.footer-mobile{
	display:none;
}

/************** start terms page ******************/
.page-menu-toggle{ 
	display:none;
	position:absolute; right:5px; top:0;
	width:46px; height:46px;
	background:url('../images/Down.svg'); background-size:contain; 
	background-size: 35%;
	background-position: center;
	background-repeat: no-repeat;
	transition: transform 400ms ease;
 }

.page-menu-wraper{ 
	border-top:1px solid #eee; 
	position:relative; 
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);
    background-color: rgba(255,255,255,0.72);
}
.header-fixed .page-menu-wraper{ border-bottom:1px solid #eee; }

.page-menu-outter{ border-bottom:1px solid #eee; display:inline-block; width:100%; padding:10px; margin-bottom: -6px; position: relative; }
.header-fixed .page-menu-outter{ border-bottom:none; }
.page-menu-outter .title{ display:inline-block; float:left; }
.page-menu-outter .title h2{ display:inline-block; margin:0px; }

.page-menu-outter .page-menu{ display:inline-block; float:right;}
.page-menu-outter .page-menu ul{ padding:0; display:inline-block; list-style:none; margin-bottom:0px; margin-bottom:-7px; }
.page-menu-outter .page-menu ul li{ float:left; padding:10px; margin:0px; line-height:1; }
.page-menu-outter .page-menu ul li a{ color:#656565; }
.page-menu-outter .page-menu ul li a:hover{ color:#06c; }

/*************** end terms page ***************/

@media(max-width:1100px)
{
	/********************** start terms page ***************/
	
	.page-menu-toggle{ display:block; cursor:pointer; }
	.page-menu-outter{ padding:10px 0px; }
	.page-menu-outter .page-menu{ display:none; float:none; }
	.page-menu-outter .page-menu ul{ display:block;  }
	.page-menu-outter .page-menu ul li{ float:none; padding:10px 18px; }
	.page-menu-outter .page-menu ul li:last-child{ margin-bottom:15px; }
	.page-menu-outter .page-menu ul li a{ display:block; }
	.page-menu-outter .title{ padding-left: 18px; }
	.page-menu-outter .title h2{ font-size:16px; }
	
	.page-menu-toggle.open{
		transform: rotate(180deg);
		transition: transform 400ms ease;
	}
	.page-menu.open{
		display: block;
		position: absolute;
		top: 43px;
		background: #fff;
		width: 100%;
		/*box-shadow: 0px 2px 4px 0px rgba(0,0,0,.1);*/
		border-bottom: 1px solid #eee;
	}
	
	/*********************** end terms page ****************/
	
	.overflow{
		overflow:hidden !important;
	}
	#masthead{
		display:none;
	}
	.mobile-menu-wrap{
		display:block;
		z-index:1074;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		box-shadow: 0 0px 5px 4px rgba(0,0,0,.1);
	}
	.mobile-menu-wrap .svg-vault{ display:none !important; }
	body.home .mobile-menu-wrap .m-inner .m-menu-toggle a img,
	body.page-id-470 .mobile-menu-wrap .m-inner .m-menu-toggle a img{ filter:invert(1) !important; }
	
	
	.m-inner{
		display: inline-block;
		width: 100%;
		margin-bottom:-6px;
	}

	.m-left-side{
		width:44%;
		float:left;
		padding-left: 10px;
	}
	.m-logo{
		/* width:26%; */
		/* float:left; */
		/* padding:8px; */
		position: absolute;
		left: 0;
		right: 0;
		width: 56px;
		text-align: center;
		width: 100%;
		top: 10px;
		z-index: -1;
	}
	.m-logo img{ max-width:56px; }
	.m-right-side{
		width:26%;
		float:right;
		padding-right:10px;
	}
	.m-right-side div{
		display:inline-block;
		line-height:55px;
		padding:0 7px;
		float:right;
	}
	.m-right-side div img{
		max-width:20px;
	}
	.m-account{ padding-right:4px !important; }
	.m-search img{ max-width:18px !important; }
	
	.m-left-side div{
		display:inline-block;
		line-height:55px;
		padding:0 7px;
		float:left;
	}
	.m-left-side div img{
		max-width:22px;
	}
	/* .m-inner .m-menu-toggle{ */
		/* line-height:61px; */
		/* padding:0 10px; */
		/* float:left; */
	/* } */
	.m-menu-toggle a.opened .open{
		display:inline-block;
	}
	.m-menu-toggle a.opened .close{
		display:none;
	}
	.m-menu-toggle a .close{ display:inline-block; }
	.m-menu-toggle a .open{ display:none; }
	/* Use the original theme artwork while keeping the icon visible against
	   both light and dark header backgrounds. */
	.mobile-menu-wrap .m-menu-toggle{
		position:relative;
		z-index:1073;
	}
	.mobile-menu-wrap .m-menu-toggle a{
		position:relative;
		display:inline-flex;
		width:44px;
		height:44px;
		vertical-align:middle;
		color:#111 !important;
	}
	.mobile-menu-wrap .m-menu-toggle a img{
		display:none !important;
	}
	/* Page-level legacy styles add Menu.svg as a second icon behind this control. */
	body .mobile-menu-wrap .m-menu-toggle a,
	body .mobile-menu-wrap .m-menu-toggle a.opened{
		background-image:none !important;
	}
	.mobile-menu-wrap .m-menu-toggle a::before,
	.mobile-menu-wrap .m-menu-toggle a::after{
		content:"";
		position:absolute;
		left:11px;
		top:11px;
		width:22px;
		height:22px;
		background:currentColor;
	}
	.mobile-menu-wrap .m-menu-toggle a::before{
		-webkit-mask:url('../images/Menu.svg') center / contain no-repeat;
		mask:url('../images/Menu.svg') center / contain no-repeat;
	}
	.mobile-menu-wrap .m-menu-toggle a::after{
		display:none;
	}
	.mobile-menu-wrap .m-menu-toggle a.opened::before{
		-webkit-mask-image:url('../images/Cross.svg');
		mask-image:url('../images/Cross.svg');
	}
	body.home .mobile-menu-wrap .m-menu-toggle a,
	body.page-id-470 .mobile-menu-wrap .m-menu-toggle a{
		color:#fff !important;
	}
	/* Give both sides of the phone header the same 44px control slots. */
	body.newjobtemplatemenu .mobile-menu-wrap .m-inner{
		position:relative;
		display:flex;
		align-items:center;
		justify-content:space-between;
		height:55px;
		margin:0 !important;
	}
	.mobile-menu-wrap .m-left-side,
	.mobile-menu-wrap .m-right-side{
		position:relative;
		z-index:2;
		display:flex;
		align-items:center;
		flex:0 0 auto;
		width:auto;
		height:55px;
		float:none;
		padding:0 5px !important;
	}
	.mobile-menu-wrap .m-left-side > .m-menu-toggle,
	.mobile-menu-wrap .m-right-side > div{
		display:flex;
		align-items:center;
		justify-content:center;
		flex:0 0 44px;
		width:44px;
		height:55px;
		float:none;
		padding:0 !important;
		margin:0 !important;
		top:auto !important;
		line-height:normal;
	}
	.mobile-menu-wrap .m-left-side > .m-search-toggle{
		display:flex;
		align-items:center;
		justify-content:center;
		flex:0 0 44px;
		width:44px;
		height:55px;
		float:none;
	}
	.mobile-menu-wrap .m-left-side > .m-menu-toggle a,
	.mobile-menu-wrap .m-right-side > div > a{
		display:flex;
		align-items:center;
		justify-content:center;
		width:44px;
		height:44px;
		top:0 !important;
	}
	.mobile-menu-wrap .m-logo{
		left:50%;
		right:auto;
		top:50%;
		z-index:1;
		width:auto;
		height:55px;
		display:flex;
		align-items:center;
		justify-content:center;
		transform:translate(-50%, -50%);
	}
	.mobile-menu-wrap .m-logo a{
		display:flex;
		align-items:center;
		justify-content:center;
		width:56px;
		height:55px;
		background-position:center !important;
	}
	.mobile-menu-wrap .m-logo img{ display:block; }
	.mobile-menu-wrap .m-right-side > div > a{
		background-position:center !important;
	}
	.mobile-menu-wrap .m-right-side > div > a img{
		position:static !important;
	}
	.mobile-menu-wrap .m-search-toggle img{
		display:block;
		width:22px;
		max-width:22px;
		height:22px;
		margin:0;
		position:static;
		filter:none;
	}
	body.home .mobile-menu-wrap .m-search-toggle img,
	body.page-id-470 .mobile-menu-wrap .m-search-toggle img{
		filter:invert(1);
	}
	/* The drawer belongs immediately below the header, including when the
	   WordPress admin bar moves that header down for a signed-in editor. */
	.mobile-menu-wrap .m-menu-slider{
		position:absolute;
		top:100%;
		height:calc(100vh - 55px);
		height:calc(100dvh - 55px);
	}
	.mobile-menu-wrap .m-menu-slider-inner{
		height:100%;
	}
	
	.m-menu-slider{ 
		width: 100%;
		height: calc(100vh - 50px);
		background: transparent;
		position: fixed;
		top: 55px;
		left: 0;
		pointer-events: none;
		overflow: hidden;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		z-index:1072;
	}
	/* Keep the container still while the dimming sweeps in from the right. */
	.m-menu-slider::before{
		content: "";
		position: absolute;
		inset: 0;
		background: rgba(0, 0, 0, .35);
		transform: translate3d(100%,0,0);
		transition: transform 400ms ease;
	}
	.m-menu-slider-inner{
		position: relative;
		z-index: 1;
		width: 79.1666666667%;
		height: calc(100vh - 50px);
		background: #FFF;
		overflow-y: auto;
		transform: translate3d(-100%,0,0);
		transition: transform 400ms ease;
	}
	.m-menu-slider.opened{
		pointer-events: auto;
	}
	.m-menu-slider.opened::before,
	.m-menu-slider.opened .m-menu-slider-inner{
		transform: translate3d(0,0,0);
	}
	.wpc-menu{ float:none !important; background:#F6F6F6 !important; }
	.wpc-menu li{ background: #F6F6F6 !important; border-top:0px !important; }
	.wpc-menu ul li a{ background: #F6F6F6 !important; }
	.wpc-menu.wpc-menu-mobile{
		position:relative !important;
		border-bottom:none !important;
	}
	
	.nav-toggle-subarrow{ 
		width:50px; height:50px;
		background:url('../images/Down.svg'); background-size:contain; 
		background-size: 40%;
		background-position: center;
		background-repeat: no-repeat;
		transition: transform 400ms ease;
	}
	.nav-toggle-subarrow i{ display:none !important; }
	
	.wpc-menu.wpc-menu-mobile .nav-toggle-dropdown > .nav-toggle-subarrow{
		transform: rotate(180deg);
		transition: transform 400ms ease;
	}
	.wpc-menu.wpc-menu-mobile ul{
		transition: transform 400ms ease;
	}
	.wpc-menu.wpc-menu-mobile .nav-toggle-dropdown > ul{
		transition: transform 400ms ease;
	}
	
	.search-form__field{
		border: none !important;
		border-radius:0px !important;
		border-bottom: solid 1px #020202 !important;
		padding-left: 0;
		padding-right: 0;
		font-style: inherit;
		font-weight: 100;
		padding: 0 !important;
		line-height: 21px;
		margin-top: 2px;
		width: 50px;
		margin-left: 10px !important;
	}
	
	.m-extra-menu{
		position:relative;
		top:0;
		left:0;
		width:100%;
		text-align:center;
	}
	.m-extra-menu ul{ list-style:none; padding:0; display:inline-block; margin-bottom:-7px; }
	.m-extra-menu ul li{ float:left; margin:0px; }
	.m-extra-menu ul li a{ display:inline-block; padding:15px 15px; position:relative; color:#000 !important; font-family: 'Myriad-pro' !important; font-weight:600;}
	.m-extra-menu ul li a:after{ 
		content: "";
		height: 1px;
		position: absolute;
		top: 38px;
		left: 15px;
		right: 15px;
		background: #000;
		transform: scaleX(0);
		transition: all 400ms ease;
	}
	.m-extra-menu ul li a.selected:after{
		transform: scaleX(1);
	}
	.m-menu-content{ display:none; }
	.m-menu-content.selected{ display:block; }
	
	.wpml-ls-current-language a{ background:#fff !important; }
	.wpc-menu ul li.menu-item-type-wpml_ls_menu_item a{ background:#fff !important; }
	
	#btt{
		right: 10px !important;
		bottom: 10px !important;
		padding: 5px 12px !important;
	}
	
	/*************** footer ****************/
	
	/* .footer-desktop{ */
		/* display:none; */
	/* } */
	/* .footer-mobile{ */
		/* display:block; */
		/* margin: 30px 0px; */
	/* } */
	
	.footer-2 .widget-title, .footer-3 .widget-title, .footer-4 .widget-title{ cursor:pointer; position:relative; }
	.footer-2 .widget-title:before, .footer-3 .widget-title:before, .footer-4 .widget-title:before{ 
		content:'';
		position:absolute; right:0; top:0; 
		width:27px; height:27px;
		background:url('../images/down.png'); background-size:contain; 
		background-size: 60%;
		background-position: center;
		background-repeat: no-repeat;
		transition: transform 400ms ease;
	}
	.footer-2 .widget-title.active:before, .footer-3 .widget-title.active:before, .footer-4 .widget-title.active:before{
		transform: rotate(180deg);
		transition: transform 400ms ease;
	}
	
	.footer-mobile .wpc-menu{ background:transparent !important; }
	.footer-mobile .wpc-menu li{ background:transparent !important; }
	.footer-mobile .wpc-menu>li{ border-bottom:1px solid #525252 !important; }
	.footer-mobile .wpc-menu>li:last-child{ border:none !important; }
	.footer-mobile .wpc-menu.wpc-menu-mobile > li > a{
		color:#fff !important;
		padding-left:0px !important;
	}
	.footer-mobile ul li a{ text-decoration:none; }
	.footer-mobile ul li a:hover{ text-decoration:none; }
	.footer-mobile .wpc-menu.wpc-menu-mobile a{  color:#fff !important; }
	.footer-mobile .wpc-menu ul li a{ background:transparent !important; padding:12px 20px; }
	.footer-mobile .wpc-menu ul li li a{ padding:12px 40px; }
	
	.footer-mobile .wpc-menu .nav-toggle-subarrow{ 
		width:50px; height:50px;
		background:url('../images/down.png'); background-size:contain; 
		background-size: 36%;
		background-position: center;
		background-repeat: no-repeat;
		transition: transform 400ms ease;
	}
}

@media(max-width:768px){
	
	.m-logo img{ max-width:56px !important; }
	.wpc-menu.wpc-menu-mobile > li > a { font-family: 'Myriad-pro' !important; color: #000 !important;}
	.wpc-menu.wpc-menu-mobile li {text-transform: uppercase !important;}
	
	.m-extra-menu ul li a{ font-family: 'Myriad-pro' !important; font-weight:600;}
	
	.site-content {
		margin-top: 55px;
	}
	
}

/* accordian */

/* Header panels share a sharp canvas and meet the measured header edge. */
html.wc-panels-ready {
	--wc-header-edge: 56px;
	--wc-panel-spring: cubic-bezier(.2, 1.12, .3, 1);
}
html.wc-panels-ready body:has(.m-sidebar.us-m-sidebar, .overlay-m-slider.watford-basket-overlay-active, .m-menu-slider.opened, .wc-wishlist-panel.is-open) :is(#content, #colophon, #masthead, .mobile-menu-wrap, #mobile-site-menu),
html.wc-panels-ready[data-whm-open] :is(#content, #colophon, #mobile-site-menu),
html.wc-panels-ready[data-wam-open] :is(#content, #colophon, #mobile-site-menu) {
	filter: none !important;
}
html.wc-panels-ready body:has(.m-sidebar.us-m-sidebar) :is(#masthead, .mobile-menu-wrap) {
	pointer-events: auto !important;
	user-select: auto;
}
html.wc-panels-ready .m-sidebar {
	top: var(--wc-header-edge) !important;
	height: calc(100vh - var(--wc-header-edge)) !important;
	height: calc(100dvh - var(--wc-header-edge)) !important;
	transition: transform 220ms ease-in !important;
}
html.wc-panels-ready .m-sidebar.us-m-sidebar {
	transition: transform 480ms var(--wc-panel-spring) !important;
}
html.wc-panels-ready .overlay-m-slider {
	top: var(--wc-header-edge) !important;
	height: calc(100dvh - var(--wc-header-edge)) !important;
	background: rgba(0, 0, 0, .24) !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
	transform: none !important;
	opacity: 0;
	transition: opacity 200ms ease, visibility 0s 220ms !important;
}
html.wc-panels-ready .overlay-m-slider.watford-basket-overlay-active {
	opacity: 1;
	transition: opacity 200ms ease, visibility 0s !important;
}
html.wc-panels-ready .m-menu-slider::before {
	background: rgba(0, 0, 0, .24);
	transform: none !important;
	opacity: 0;
	transition: opacity 180ms;
}
html.wc-panels-ready .m-menu-slider.opened::before { opacity: 1; }
html.wc-panels-ready .m-menu-slider-inner {
	transition: transform 220ms ease-in;
	overscroll-behavior: contain;
}
html.wc-panels-ready .m-menu-slider.opened .m-menu-slider-inner {
	transition: transform 480ms var(--wc-panel-spring);
}
html.wc-panels-ready :is(#masthead, .mobile-menu-wrap) { --wc-control-ink: #111; }
html.wc-panels-ready #masthead,
html.wc-panels-ready .mobile-menu-wrap.wc-header-dark { --wc-control-ink: #fff; }
html.wc-panels-ready :is(#masthead, .mobile-menu-wrap) .wc-header-trigger {
	-webkit-tap-highlight-color: transparent;
	touch-action: manipulation;
}
html.wc-panels-ready :is(#masthead, .mobile-menu-wrap) .wc-header-trigger:is(:focus, :active, [aria-expanded="true"], .wc-tap-active) {
	outline: 1px dotted var(--wc-control-ink) !important;
	outline-offset: -4px !important;
	box-shadow: none !important;
}
.wc-explorer-icon {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-left: 8px;
	vertical-align: middle;
	color: inherit;
}
.wc-explorer-icon svg { display: block; width: 100%; height: 100%; }
@media (min-width: 1101px) and (max-width: 1280px) {
	#masthead .wc-explorer-icon { width: 10px; height: 10px; margin-left: 5px; }
}
html.wc-panels-ready .wpc-menu-mobile .wc-explorer-toggle {
	display: flex;
	align-items: center;
	justify-content: center;
	background: none !important;
	transform: none !important;
	cursor: pointer;
}
html.wc-panels-ready .wpc-menu-mobile .wc-explorer-toggle::before,
html.wc-panels-ready .wpc-menu-mobile .wc-explorer-toggle::after { content: none !important; display: none !important; }
html.wc-panels-ready .wpc-menu-mobile .wc-explorer-toggle .wc-explorer-icon,
html.wc-panels-ready .wpc-menu-mobile .wc-explorer-toggle svg { width: 22px !important; height: 22px; flex: 0 0 22px; transform: none !important; }
.wpc-menu-mobile .wc-explorer-toggle .wc-explorer-icon { width: 22px; height: 22px; margin: 0; }
.wc-explorer-toggle[aria-expanded="true"] .wc-explorer-icon { transform: scale(.9); }
.wc-explorer-toggle:focus-visible { outline: 1px dotted currentColor; outline-offset: -5px; }

.wc-wishlist-backdrop {
	position: fixed;
	inset: var(--wc-header-edge) 0 0;
	z-index: 10000002;
	background: rgba(0, 0, 0, .24);
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	transition: opacity 180ms, visibility 0s 220ms;
}
.wc-wishlist-backdrop.is-open { opacity: 1; visibility: visible; pointer-events: auto; transition-delay: 0s; }
.wc-wishlist-panel {
	box-sizing: border-box;
	position: fixed;
	top: var(--wc-header-edge);
	right: 0;
	z-index: 10000003;
	width: min(440px, 100vw);
	height: calc(75vh - var(--wc-header-edge));
	height: calc(75dvh - var(--wc-header-edge));
	min-height: 220px;
	display: flex;
	flex-direction: column;
	background: #fff;
	color: #161616;
	border-top: 1px solid #e4e4e0;
	border-radius: 0 0 0 12px;
	box-shadow: 0 14px 35px #0002;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
	visibility: hidden;
	pointer-events: none;
	opacity: 0;
	transform: translateY(18px);
	transition: transform 200ms ease-in, opacity 150ms, visibility 0s 220ms;
}
.wc-wishlist-panel.is-open {
	visibility: visible;
	pointer-events: auto;
	opacity: 1;
	transform: translateY(0);
	transition: transform 480ms var(--wc-panel-spring), opacity 150ms, visibility 0s;
}
.wc-wishlist-panel *, .wc-wishlist-panel *::before, .wc-wishlist-panel *::after { box-sizing: border-box; }
.wc-wishlist-header {
	display: flex;
	align-items: center;
	gap: 12px;
	flex: 0 0 auto;
	padding: 18px 20px;
	border-bottom: 1px solid #e4e4e0;
}
.wc-wishlist-header > div { flex: 1; }
.wc-wishlist-panel .wc-wishlist-title { margin: 0; font-size: 16px !important; font-weight: 800; letter-spacing: .03em; }
.wc-wishlist-count { display: block; margin-top: 4px; color: #6d6d67; font-size: 11px; }
.wc-wishlist-panel button {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	min-width: 40px;
	min-height: 40px;
	border: 0;
	background: transparent;
	color: #111;
	cursor: pointer;
}
.wc-wishlist-panel button svg { width: 20px; height: 20px; }
.wc-wishlist-body { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 0 20px; }
.wc-wishlist-panel .wc-wishlist-list { list-style: none; margin: 0; padding: 0; }
.wc-wishlist-item { margin: 0; padding: 16px 0; border-bottom: 1px solid #ededeb; }
.wc-wishlist-item > a { display: grid; grid-template-columns: 88px minmax(0, 1fr); gap: 16px; align-items: center; color: #111; text-decoration: none; }
.wc-wishlist-photo { display: flex; align-items: center; justify-content: center; width: 88px; height: 88px; background: #f7f7f5; }
.wc-wishlist-photo img { display: block; width: 100%; height: 100%; object-fit: contain; }
.wc-wishlist-name { display: block; font-size: 13px; font-weight: 600; line-height: 1.4; }
.wc-wishlist-price { display: block; font-size: 12px; font-weight: 600; margin-top: 8px; }
.wc-wishlist-panel .wc-wishlist-price :is(.amount, bdi, .woocommerce-Price-currencySymbol) { display: inline !important; font-size: inherit !important; font-weight: inherit; line-height: inherit; }
.wc-wishlist-stock { display: block; color: #74746e; font-size: 10px; margin-top: 5px; }
.wc-wishlist-empty { display: flex; min-height: 100%; flex-direction: column; align-items: center; justify-content: center; padding: 28px 14px; text-align: center; }
.wc-wishlist-empty > svg { width: 46px; height: 46px; color: #222; margin-bottom: 18px; }
.wc-wishlist-panel .wc-wishlist-empty h3 { margin: 0 0 10px; font-size: 22px !important; font-weight: 600; }
.wc-wishlist-empty p { font-size: 12px; line-height: 1.7; color: #73736c; max-width: 260px; margin: 0; }
.wc-wishlist-footer { padding: 16px 20px; flex: 0 0 auto; border-top: 1px solid #e4e4e0; }
.wc-wishlist-panel .wc-wishlist-view { display: flex; justify-content: space-between; align-items: center; gap: 12px; min-height: 46px; padding: 13px 16px; background: #111; color: #fff; text-decoration: none; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.wc-wishlist-view svg { width: 18px; height: 18px; }
.wc-wishlist-panel :is(button, a):focus-visible { outline: 1px dotted currentColor; outline-offset: 3px; }
.wc-wishlist-panel[aria-busy="true"] .wc-wishlist-body { opacity: .65; }
html.wc-wishlist-open { overflow: hidden; }
@media (max-width: 1100px) {
	.wc-wishlist-panel { border-radius: 0 0 12px 12px; }
}
@media (prefers-reduced-motion: reduce) {
	html.wc-panels-ready :is(.m-sidebar, .overlay-m-slider, .m-menu-slider-inner, .m-menu-slider::before),
	.wc-wishlist-panel, .wc-wishlist-backdrop { transition: none !important; }
}

/* Corporate enquiries: the mobile menu is 55px high. The page's older 57px
   header allowance leaves a white seam between the menu and hero. */
@media (max-width: 768px) {
	body.page-id-26171 #page.site {
		padding-top: 55px !important;
	}

	/* Match the two fixed contact actions to the page's primary button. */
	body.page-id-26171 #wc-corporate .mobile-contact a,
	body.page-id-26171 #wc-corporate .mobile-contact a:last-child {
		display: flex;
		align-items: center;
		justify-content: center;
		font-family: "Open Sans", Arial, sans-serif;
		font-size: 14px;
		font-weight: 600;
		line-height: 1.25;
		letter-spacing: 0;
	}
}

/* The product content has a top margin to clear the fixed desktop header.
   Keep that margin inside the page so it cannot move the header down. */
@media (min-width: 1100px) {
	body.single-product #page {
		display: flow-root;
	}
}

/* Use the original Home Inclusive scene and colour layers already in Media.
   The supplier-hosted base images were removed from the saved page content,
   so the scene needs its own height and a local background at each size. */
.home .supplier-main-banners #container-hi {
	aspect-ratio: 1920 / 815;
	background: url('/wp-content/uploads/2020/06/homeinclusive-wisniowski.jpg') center / 100% 100% no-repeat;
}

@media (max-width: 622px) {
	.home .supplier-main-banners #container-hi {
		aspect-ratio: 800 / 600;
		background-image: url('/wp-content/uploads/2020/06/homeinclusive-wisniowski-1.jpg');
	}

	/* WordPress's older inline CSS points these phone layers to a retired
	   supplier host. The matching cutouts are already stored in Media. */
	.home .supplier-main-banners #container-hi .hi-willow-green { background-image: url('/wp-content/uploads/2020/06/hi-willow-green-1.png') !important; }
	.home .supplier-main-banners #container-hi .hi-fern-green { background-image: url('/wp-content/uploads/2020/06/hi-fern-green-1.png') !important; }
	.home .supplier-main-banners #container-hi .hi-deep-green { background-image: url('/wp-content/uploads/2020/06/hi-deep-green-1.png') !important; }
	.home .supplier-main-banners #container-hi .hi-comfort-grey { background-image: url('/wp-content/uploads/2020/06/hi-comfort-grey-1.png') !important; }
	.home .supplier-main-banners #container-hi .hi-warm-stone { background-image: url('/wp-content/uploads/2020/06/hi-warm-stone-1.png') !important; }
	.home .supplier-main-banners #container-hi .hi-quartz-grey { background-image: url('/wp-content/uploads/2020/06/hi-quartz-grey-1.png') !important; }
	.home .supplier-main-banners #container-hi .hi-brown-stone { background-image: url('/wp-content/uploads/2020/06/hi-brown-stone-1.png') !important; }
	.home .supplier-main-banners #container-hi .hi-true-blue { background-image: url('/wp-content/uploads/2020/06/hi-true-blue-1.png') !important; }
	.home .supplier-main-banners #container-hi .hi-marina-horizon { background-image: url('/wp-content/uploads/2020/06/hi-marina-horizon-1.png') !important; }
	.home .supplier-main-banners #container-hi .hi-anthracite { background-image: url('/wp-content/uploads/2020/06/hi-anthracite-1.png') !important; }
	.home .supplier-main-banners #container-hi .hi-modern-graphite { background-image: url('/wp-content/uploads/2020/06/hi-modern-graphite-1.png') !important; }
	.home .supplier-main-banners #container-hi .hi-moody-coral { background-image: url('/wp-content/uploads/2020/06/hi-moody-coral-1.png') !important; }
	.home .supplier-main-banners #container-hi .hi-flame-red { background-image: url('/wp-content/uploads/2020/06/hi-flame-red-1.png') !important; }
	.home .supplier-main-banners #container-hi .hi-modern-maroon { background-image: url('/wp-content/uploads/2020/06/hi-modern-maroon-1.png') !important; }
	.home .supplier-main-banners #container-hi .hi-deep-brown { background-image: url('/wp-content/uploads/2020/06/hi-deep-brown-1.png') !important; }

	/* The old phone-specific Smoke Green cutout is missing from Media. Its
	   surviving desktop layer is scaled into the phone composition. */
	.home .supplier-main-banners #container-hi .hi-smoke-green {
		background-image: url('/wp-content/uploads/2020/06/hi-smoke-green.png') !important;
		background-size: 100% 80% !important;
		background-position: center bottom !important;
	}
}

/* The shop navigation follows a fixed mobile header. Keep its icons clear of
   that header, and let the sorting bar enter its sticky position on scroll. */
#shop .wpc-shop-categories {
	padding-top: 76px;
}

/* WordPress's toolbar otherwise covers the mobile menu button while editing. */
@media (max-width: 1100px) {
	/* Product and account headers are white at tablet and phone sizes. */
	body.single-product .mobile-menu-wrap .m-menu-toggle a img,
	body.woocommerce-account .mobile-menu-wrap .m-menu-toggle a img {
		filter: none !important;
	}

	body.admin-bar .mobile-menu-wrap,
	#shop.admin-bar .mobile-menu-wrap {
		top: 32px !important;
	}

	body.admin-bar .mobile-menu-wrap .m-menu-slider {
		height: calc(100vh - 87px);
		height: calc(100dvh - 87px);
	}
}

@media (max-width: 767px) {
	/* The shop header turns black only at the phone breakpoint. */
	body#shop.woocommerce-shop .mobile-menu-wrap .m-search-toggle img {
		filter: invert(1);
	}
	body#shop.woocommerce-shop .mobile-menu-wrap .m-menu-toggle a img {
		filter: invert(1) !important;
	}
	body#shop.woocommerce-shop .mobile-menu-wrap .m-menu-toggle a {
		color: #fff !important;
		display: inline-flex !important;
		width: 44px !important;
		height: 44px !important;
		top: auto !important;
	}
	body#shop.woocommerce-shop .mobile-menu-wrap .m-menu-toggle a img {
		display: none !important;
	}
}

/* Plugin shortcuts wrap onto a second toolbar row on narrower screens and
   cover the site menu. Keep the core editing links visible. */
@media (min-width: 783px) and (max-width: 1450px) {
	#wpadminbar #wp-admin-bar-query-monitor,
	#wpadminbar #wp-admin-bar-woo-variation-swatches-clear-transient,
	#wpadminbar #wp-admin-bar-wpcharming_options {
		display: none !important;
	}
}

@media (max-width: 782px) {
	body.admin-bar .mobile-menu-wrap,
	#shop.admin-bar .mobile-menu-wrap {
		top: 46px !important;
	}

	body.admin-bar .mobile-menu-wrap .m-menu-slider {
		height: calc(100vh - 101px);
		height: calc(100dvh - 101px);
	}
}

@media (min-width: 768px) and (max-width: 1100px) {
	#shop.woocommerce-shop form.woocommerce-ordering {
		position: sticky !important;
		top: 56px !important;
	}
}

/* On narrow screens the commercial building image sits behind the copy and
   buttons. Move the image below those controls while keeping its row height. */
@media (max-width: 800px) {
	.home .cm_building {
		background-position: center 20px !important;
		background-size: 80% auto !important;
		min-height: 500px !important;
	}
}

/* Variation colours must occupy their own row. The old absolute-position rule
   pulls the controls over the price and Material Information at tablet widths. */
.single-product .summary.entry-summary .price-wrapper {
	margin-bottom: 12px;
}

.single-product .summary.entry-summary form.variations_form .variations td.value.woo-variation-items-wrapper {
	position: static !important;
	right: auto !important;
	padding-left: 0 !important;
	flex: 1 1 0;
	min-width: 0;
	text-align: left !important;
}

/* Product gallery controls need visible arrows even if Swiper's icon font
   cannot load. Draw the chevrons with CSS inside the existing round buttons. */
.single-product .future-slider-b .swiper-button-prev::after,
.single-product .future-slider-b .swiper-button-next::after {
	content: "" !important;
	display: block;
	width: 12px;
	height: 12px;
	flex: 0 0 12px;
	font-size: 0;
	border-top: 2px solid #333;
}

.single-product .future-slider-b .swiper-button-prev::after {
	border-left: 2px solid #333;
	transform: rotate(-45deg);
	margin-left: 5px;
}

.single-product .future-slider-b .swiper-button-next::after {
	border-right: 2px solid #333;
	transform: rotate(45deg);
	margin-right: 5px;
}

/* The site's Additional CSS collapses the second variation row to zero height.
   Keep colour choices in normal flow so they cannot cover the size control or
   Material Information. The size selector's own popup is left untouched. */
.single-product .summary.entry-summary form.variations_form table.variations tbody tr:nth-child(2) {
	display: block !important;
	height: auto !important;
}

.single-product .summary.entry-summary form.variations_form table.variations tbody tr:nth-child(2) > td.label,
.single-product .summary.entry-summary form.variations_form table.variations tbody tr:nth-child(2) > td.value.woo-variation-items-wrapper {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	padding: 0 !important;
}

.single-product .summary.entry-summary form.variations_form table.variations tbody tr:nth-child(2) > td.label label {
	font-size: 14px !important;
}

.single-product .summary.entry-summary form.variations_form table.variations tbody tr:nth-child(2) > td.value.woo-variation-items-wrapper {
	position: static !important;
	text-align: left !important;
}

.single-product .summary.entry-summary form.variations_form .theme-selected-size {
	margin-left: 8px;
	font-weight: 600;
}

/* The mobile Additional CSS fixes every span in the size control at 115px.
   Give the native size picker's label and arrow separate space. */
@media (max-width: 767px) {
	.single-product form[data-wsp-enabled] .my-size-parrent .size-btn > span[data-wsp-trigger] {
		box-sizing: border-box;
		display: inline-flex !important;
		align-items: center;
		justify-content: space-between;
		gap: 8px;
		width: auto !important;
		min-width: 132px;
		max-width: 100%;
		padding: 3px 10px !important;
		text-align: left !important;
	}

	.single-product form[data-wsp-enabled] .my-size-parrent .size-btn > span[data-wsp-trigger] > .wsp-trigger-label {
		display: inline !important;
		flex: 0 0 auto;
		width: auto !important;
		padding: 0 !important;
		border: 0 !important;
		white-space: nowrap;
		text-align: left !important;
	}

	.single-product form[data-wsp-enabled] .my-size-parrent .size-btn > span[data-wsp-trigger] > img {
		position: static !important;
		display: block;
		flex: 0 0 12px;
		width: 12px !important;
		height: 12px;
		top: auto !important;
		right: auto !important;
		transform: rotate(90deg) !important;
	}
}

.single-product .summary.entry-summary form.variations_form .colorselected {
	display: none !important;
}

/* All product colours use round, labelled swatches. The plugin supplies the
   accessible name and tooltip; the samples below supply the visible finish. */
.single-product .summary.entry-summary form.variations_form ul[data-attribute_name="attribute_pa_color"] {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
	height: auto !important;
	--product-woodgrain: repeating-linear-gradient(7deg, rgba(47,25,13,.22) 0 1px, transparent 1px 4px), linear-gradient(90deg, rgba(255,255,255,.12), transparent 42%, rgba(45,25,10,.15));
	--product-metallic: linear-gradient(110deg, rgba(255,255,255,.22), transparent 48%, rgba(0,0,0,.15));
}

.single-product .summary.entry-summary form.variations_form ul[data-attribute_name="attribute_pa_color"] .variable-item[data-value]:not([data-value=""]) {
	position: relative;
	flex: 0 0 30px !important;
	width: 30px !important;
	min-width: 30px !important;
	height: 30px !important;
	min-height: 30px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid #aaa !important;
	border-radius: 50% !important;
	background-color: var(--product-swatch-color, #9b9b9b) !important;
	background-image: var(--product-swatch-texture, none) !important;
	background-position: center !important;
	background-size: cover !important;
	box-shadow: none !important;
}

.single-product .summary.entry-summary form.variations_form ul[data-attribute_name="attribute_pa_color"] .variable-item[data-value]:not([data-value=""]).selected {
	border-color: #fff !important;
	box-shadow: 0 0 0 2px #333 !important;
}

.single-product .summary.entry-summary form.variations_form ul[data-attribute_name="attribute_pa_color"] .variable-item[data-value]:not([data-value=""]):focus-visible {
	outline: 2px solid #333 !important;
	outline-offset: 4px;
}

.single-product .summary.entry-summary form.variations_form ul[data-attribute_name="attribute_pa_color"] .variable-item::before,
.single-product .summary.entry-summary form.variations_form ul[data-attribute_name="attribute_pa_color"] .variable-item::after {
	content: none !important;
	display: none !important;
}

.single-product .summary.entry-summary form.variations_form ul[data-attribute_name="attribute_pa_color"] .variable-item .variable-item-span {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	overflow: hidden !important;
	clip-path: inset(50%) !important;
	white-space: nowrap !important;
}

.single-product .summary.entry-summary form.variations_form ul[data-attribute_name="attribute_pa_color"] .variable-item[data-value=""] {
	display: none !important;
}

/* Home Inclusive uses the original textured samples in Media. */
.single-product .summary.entry-summary form.variations_form tr:has(ul[data-attribute_name="attribute_pa_color"] .variable-item[data-value^="hi-"]) > td.label {
	flex: 0 0 130px;
	width: 130px !important;
	min-width: 0;
	align-items: center;
}

.single-product .summary.entry-summary form.variations_form tr:has(ul[data-attribute_name="attribute_pa_color"] .variable-item[data-value^="hi-"]) .colorselected {
	display: inline-block !important;
	margin-left: 5px;
	font-size: 13px;
	line-height: 1.3;
	text-transform: capitalize;
}

.single-product .summary.entry-summary form.variations_form ul[data-attribute_name="attribute_pa_color"]:has(.variable-item[data-value^="hi-"]) {
	width: 204px !important;
	max-width: 100% !important;
	gap: 4px !important;
}

.single-product .summary.entry-summary form.variations_form ul[data-attribute_name="attribute_pa_color"] .variable-item[data-value^="hi-"]:not([data-value=""]) {
	flex: 0 0 22px !important;
	width: 22px !important;
	min-width: 22px !important;
	height: 22px !important;
	min-height: 22px !important;
	border: 1px solid #ddd !important;
	--product-swatch-color: transparent;
}

.single-product .summary.entry-summary form.variations_form ul[data-attribute_name="attribute_pa_color"] .variable-item[data-value="hi-smoke-green"] { --product-swatch-texture: url('/wp-content/uploads/2020/06/HIEARTH-smoke-green.jpg'); }
.single-product .summary.entry-summary form.variations_form ul[data-attribute_name="attribute_pa_color"] .variable-item[data-value="hi-willow-green"] { --product-swatch-texture: url('/wp-content/uploads/2020/06/HIEARTH-willow-green.jpg'); }
.single-product .summary.entry-summary form.variations_form ul[data-attribute_name="attribute_pa_color"] .variable-item[data-value="hi-fern-green"] { --product-swatch-texture: url('/wp-content/uploads/2020/06/HIEARTH-fern-green.jpg'); }
.single-product .summary.entry-summary form.variations_form ul[data-attribute_name="attribute_pa_color"] .variable-item[data-value="hi-deep-green"] { --product-swatch-texture: url('/wp-content/uploads/2020/06/HIEARTH-deep-green.jpg'); }
.single-product .summary.entry-summary form.variations_form ul[data-attribute_name="attribute_pa_color"] .variable-item[data-value="hi-comfort-grey"] { --product-swatch-texture: url('/wp-content/uploads/2020/06/HISTONE-comfort-grey.jpg'); }
.single-product .summary.entry-summary form.variations_form ul[data-attribute_name="attribute_pa_color"] .variable-item[data-value="hi-warm-stone"] { --product-swatch-texture: url('/wp-content/uploads/2020/06/HISTONE-warm-stone.jpg'); }
.single-product .summary.entry-summary form.variations_form ul[data-attribute_name="attribute_pa_color"] .variable-item[data-value="hi-quartz-grey"] { --product-swatch-texture: url('/wp-content/uploads/2020/06/HISTONE-quartz-grey.jpg'); }
.single-product .summary.entry-summary form.variations_form ul[data-attribute_name="attribute_pa_color"] .variable-item[data-value="hi-brown-stone"] { --product-swatch-texture: url('/wp-content/uploads/2020/06/HISTONE-brown-stone.jpg'); }
.single-product .summary.entry-summary form.variations_form ul[data-attribute_name="attribute_pa_color"] .variable-item[data-value="hi-true-blue"] { --product-swatch-texture: url('/wp-content/uploads/2020/06/HISTEEL-true-blue.jpg'); }
.single-product .summary.entry-summary form.variations_form ul[data-attribute_name="attribute_pa_color"] .variable-item[data-value="hi-marina-horizon"] { --product-swatch-texture: url('/wp-content/uploads/2020/06/HISTEEL-marina-horizon.jpg'); }
.single-product .summary.entry-summary form.variations_form ul[data-attribute_name="attribute_pa_color"] .variable-item[data-value="hi-anthracite"] { --product-swatch-texture: url('/wp-content/uploads/2020/06/HISTEEL-anthracite.jpg'); }
.single-product .summary.entry-summary form.variations_form ul[data-attribute_name="attribute_pa_color"] .variable-item[data-value="hi-modern-graphite"] { --product-swatch-texture: url('/wp-content/uploads/2020/06/HISTEEL-modern-graphite.jpg'); }
.single-product .summary.entry-summary form.variations_form ul[data-attribute_name="attribute_pa_color"] .variable-item[data-value="hi-moody-coral"] { --product-swatch-texture: url('/wp-content/uploads/2020/06/HIRUBY-moody-coral.jpg'); }
.single-product .summary.entry-summary form.variations_form ul[data-attribute_name="attribute_pa_color"] .variable-item[data-value="hi-flame-red"] { --product-swatch-texture: url('/wp-content/uploads/2020/06/HIRUBY-flame-red.jpg'); }
.single-product .summary.entry-summary form.variations_form ul[data-attribute_name="attribute_pa_color"] .variable-item[data-value="hi-modern-maroon"] { --product-swatch-texture: url('/wp-content/uploads/2020/06/HIRUBY-modern-maroon.jpg'); }
.single-product .summary.entry-summary form.variations_form ul[data-attribute_name="attribute_pa_color"] .variable-item[data-value="hi-deep-brown"] { --product-swatch-texture: url('/wp-content/uploads/2020/06/HIRUBY-deep-brown.jpg'); }

/* The non-HI finishes have no stored swatch images or colours in WooCommerce.
   Screen samples approximate the named RAL and wood finishes until supplier
   samples are available; all 79 current non-HI terms are mapped. */
+.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="anteak"]{--product-swatch-color:#a67c53;--product-swatch-texture:var(--product-woodgrain);}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="anthracite"]{--product-swatch-color:#383e42;}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="anthracite-structure-sandgrain"]{--product-swatch-color:#3c4245;}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="anthracite-gray-ral7016"]{--product-swatch-color:#383e42;}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="anthracite-quartz-structure-smoothgrain"]{--product-swatch-color:#555656;}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="black-galvanizedral-9005"]{--product-swatch-color:#101113;--product-swatch-texture:var(--product-metallic);}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="black-cherry"]{--product-swatch-color:#3e2527;--product-swatch-texture:var(--product-woodgrain);}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="blackmat-structure-galvanizedral-9005"]{--product-swatch-color:#101113;--product-swatch-texture:var(--product-metallic);}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="blue-black-ral-5004"]{--product-swatch-color:#18171c;}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="blue-chagall-ral5010"]{--product-swatch-color:#0e4a83;}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="brown-galvanizedral-8014"]{--product-swatch-color:#4f392d;--product-swatch-texture:var(--product-metallic);}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="brown-galvanizedral-8017"]{--product-swatch-color:#44322d;--product-swatch-texture:var(--product-metallic);}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="brown-galvanizedral-8019"]{--product-swatch-color:#403a3a;--product-swatch-texture:var(--product-metallic);}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="brown-ral-8014-structure-woodgrain"]{--product-swatch-color:#4f392d;--product-swatch-texture:var(--product-woodgrain);}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="brown-copper-ral8004"]{--product-swatch-color:#8b4c39;}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="brown-grizzly-ral8017"]{--product-swatch-color:#44322d;}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="cast-iron"]{--product-swatch-color:#4e5557;--product-swatch-texture:var(--product-metallic);}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="chocolate-brown"]{--product-swatch-color:#4a3026;}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="cream-white"]{--product-swatch-color:#eee8d9;}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="czarnymat-struktura-galvanizedral-9005"]{--product-swatch-color:#101113;--product-swatch-texture:var(--product-metallic);}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="dark-green"]{--product-swatch-color:#274232;}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="dark-green-ral-6012"]{--product-swatch-color:#343e40;}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="dark-oak"]{--product-swatch-color:#5e3d26;--product-swatch-texture:var(--product-woodgrain);}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="dark-oak-structure-smoothgrain"]{--product-swatch-color:#5e3d26;--product-swatch-texture:var(--product-woodgrain);}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="douglas-fir"]{--product-swatch-color:#b67c52;--product-swatch-texture:var(--product-woodgrain);}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="galvanizedral-9005"]{--product-swatch-color:#101113;--product-swatch-texture:var(--product-metallic);}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="golden-oak-ral3499"]{--product-swatch-color:#b98442;--product-swatch-texture:var(--product-woodgrain);}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="golden-oak"]{--product-swatch-color:#b98442;--product-swatch-texture:var(--product-woodgrain);}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="golden-oak-structure-smoothgrain"]{--product-swatch-color:#b98442;--product-swatch-texture:var(--product-woodgrain);}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="grafit-galvanizedral-7016"]{--product-swatch-color:#383e42;--product-swatch-texture:var(--product-metallic);}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="granite-gray-ral-7026"]{--product-swatch-color:#374447;}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="graphite-galvanizedral-7016"]{--product-swatch-color:#383e42;--product-swatch-texture:var(--product-metallic);}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="graphite-ral-7016-structure-silkline"]{--product-swatch-color:#383e42;}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="graphite-ral-7016-structure-woodgrain"]{--product-swatch-color:#383e42;--product-swatch-texture:var(--product-woodgrain);}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="graphite-gray-ral-7024"]{--product-swatch-color:#45494e;}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="gray-black-ral-7021"]{--product-swatch-color:#23282b;}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="gray-black-ral-7024"]{--product-swatch-color:#45494e;}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="green-oxide-ral6020"]{--product-swatch-color:#354733;}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="grey-galvanizedral-7030"]{--product-swatch-color:#928e85;--product-swatch-texture:var(--product-metallic);}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="grey-galvanizedral-7040"]{--product-swatch-color:#9da3a6;--product-swatch-texture:var(--product-metallic);}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="hot-dip-galvanizing"]{--product-swatch-color:#adb5b6;--product-swatch-texture:var(--product-metallic);}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="macore"]{--product-swatch-color:#824636;--product-swatch-texture:var(--product-woodgrain);}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="macore-structure-smoothgrain"]{--product-swatch-color:#824636;--product-swatch-texture:var(--product-woodgrain);}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="mahogany"]{--product-swatch-color:#723b31;--product-swatch-texture:var(--product-woodgrain);}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="maroon-medium-ral3005"]{--product-swatch-color:#5e2129;}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="metbrush-silver"]{--product-swatch-color:#bbc3c5;--product-swatch-texture:var(--product-metallic);}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="modern-black-ral-9005"]{--product-swatch-color:#101113;}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="natural-oak"]{--product-swatch-color:#c6a06e;--product-swatch-texture:var(--product-woodgrain);}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="nut"]{--product-swatch-color:#745038;--product-swatch-texture:var(--product-woodgrain);}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="nut-structure-smoothgrain"]{--product-swatch-color:#745038;--product-swatch-texture:var(--product-woodgrain);}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="old-oak"]{--product-swatch-color:#8d663f;--product-swatch-texture:var(--product-woodgrain);}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="oregon-structure-smoothgrain"]{--product-swatch-color:#a8744e;}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="quartz"]{--product-swatch-color:#a29e96;}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="quartz-anthracite"]{--product-swatch-color:#555657;}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="ral-9005"]{--product-swatch-color:#101113;}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="red-galvanizedral-3005"]{--product-swatch-color:#5e2129;--product-swatch-texture:var(--product-metallic);}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="red-burgundy-ral3011"]{--product-swatch-color:#781f19;}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="rustic-oak"]{--product-swatch-color:#8b623f;--product-swatch-texture:var(--product-woodgrain);}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="sandy-yellow-ral1002"]{--product-swatch-color:#c6a664;}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="sapeli"]{--product-swatch-color:#8b4d3d;--product-swatch-texture:var(--product-woodgrain);}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="sheffield-oak-brown"]{--product-swatch-color:#967655;--product-swatch-texture:var(--product-woodgrain);}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="sheffield-oak-gray"]{--product-swatch-color:#96958c;--product-swatch-texture:var(--product-woodgrain);}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="sheffield-oak-light"]{--product-swatch-color:#c5b090;--product-swatch-texture:var(--product-woodgrain);}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="siena-nights"]{--product-swatch-color:#44322d;--product-swatch-texture:var(--product-woodgrain);}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="siena-rosso"]{--product-swatch-color:#7a453a;--product-swatch-texture:var(--product-woodgrain);}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="sildbergrau"]{--product-swatch-color:#9ca4a4;--product-swatch-texture:var(--product-metallic);}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="summer-cherry"]{--product-swatch-color:#9d5d42;--product-swatch-texture:var(--product-woodgrain);}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="summer-cherry-structure-smoothgrain"]{--product-swatch-color:#9d5d42;--product-swatch-texture:var(--product-woodgrain);}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="swamp-oak"]{--product-swatch-color:#4a382d;--product-swatch-texture:var(--product-woodgrain);}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="swamp-oak-structure-smoothgrain"]{--product-swatch-color:#4a382d;--product-swatch-texture:var(--product-woodgrain);}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="white"]{--product-swatch-color:#f8f8f6;}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="white-galvanizedral-9016"]{--product-swatch-color:#f6f6f4;--product-swatch-texture:var(--product-metallic);}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="white-ral-9016-structure-silkline"]{--product-swatch-color:#f6f6f4;}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="white-ral-9016-structure-woodgrain"]{--product-swatch-color:#f6f6f4;--product-swatch-texture:var(--product-woodgrain);}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="white-alpine-ral9010"]{--product-swatch-color:#f7f4ea;}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="winchester"]{--product-swatch-color:#ad8050;--product-swatch-texture:var(--product-woodgrain);}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="woodec-sheffield-oak-alpine"]{--product-swatch-color:#c7b498;--product-swatch-texture:var(--product-woodgrain);}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="woodec-sheffield-oak-concrete"]{--product-swatch-color:#938f82;--product-swatch-texture:var(--product-woodgrain);}
.single-product [data-attribute_name="attribute_pa_color"] .variable-item[data-value="woodec-turner-oak-malt"]{--product-swatch-color:#aa865d;--product-swatch-texture:var(--product-woodgrain);}

/* Keep CartMagician's clickable AR badge. Hide its separate loading image and
   any repeated badge if the mobile script inserts it more than once. */
.single-product .woocommerce-product-gallery > a.cartmagician-product-object-viewer,
.single-product .woocommerce-product-gallery > a.cartmagician-product-object-viewer > img.woocommerce-product-cartmagician-icon {
	display: block !important;
}
.single-product .woocommerce-product-gallery > img.woocommerce-product-cartmagician-icon {
	display: none !important;
}
.single-product .woocommerce-product-gallery > a.cartmagician-product-object-viewer ~ a.cartmagician-product-object-viewer {
	display: none !important;
}

/* The linked image stays clickable for Quick Look; its separate sibling shows
   CartMagician's original icon above the blank AR thumbnail. */
.iphone .woocommerce-product-gallery > a.cartmagician-product-object-viewer > img.woocommerce-product-cartmagician-icon {
	border: 0 !important;
	border-radius: 50% !important;
	outline: none !important;
}
.iphone .woocommerce-product-gallery > img.wc-ar-visible-icon {
	position: absolute !important;
	top: 1.2em !important;
	right: 1.2em !important;
	display: block !important;
	width: 60px !important;
	height: 60px !important;
	box-sizing: border-box;
	object-fit: cover;
	border: 1px dotted #444 !important;
	border-radius: 50% !important;
	background: #fff;
	z-index: 100000 !important;
	pointer-events: none !important;
}

/* Keep the wishlist tap target while showing only the heart on product cards,
   product pages, and the upsell carousel. */
body .yith-wcwl-add-to-wishlist,
body section.up-sells[data-wcu-carousel] > ul.products.wcu-rail > li.product > .yith-wcwl-add-to-wishlist {
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	padding: 0 !important;
}
body .yith-wcwl-add-to-wishlist i.yith-wcwl-icon {
	font-size: 24px !important;
	line-height: 1 !important;
}

ul .inner {
  padding-left: 1em;
  overflow: hidden;
  display: none;
}

ul li a.toggle {
  width: 100%;
  display: block;
  background: rgba(0, 0, 0, 0.78);
  color: #fefefe;
  padding: 0.75em;
  border-radius: 0.15em;
  transition: background 0.3s ease;
}

ul li a.toggle:hover {
  background: rgba(0, 0, 0, 0.9);
}

/* The fixed mobile header follows the brightness of the section below it.
   Legacy page CSS swaps the real SVGs for fixed white background images; use
   the original icons again so the logo and every control change together. */
@media (max-width: 1100px) {
	:is(body, body#shop) .mobile-menu-wrap.wc-adaptive-header {
		transition: background-color .2s ease, border-color .2s ease !important;
	}
	:is(body, body#shop) .mobile-menu-wrap.wc-adaptive-header.wc-header-dark {
		background-color: #050505 !important;
		border-bottom-color: #050505 !important;
	}
	:is(body, body#shop) .mobile-menu-wrap.wc-adaptive-header.wc-header-light {
		background-color: #fff !important;
		border-bottom-color: #e9e9e9 !important;
	}
	:is(body, body#shop) .mobile-menu-wrap.wc-adaptive-header .m-logo a,
	:is(body, body#shop) .mobile-menu-wrap.wc-adaptive-header .m-search-toggle,
	:is(body, body#shop) .mobile-menu-wrap.wc-adaptive-header .m-right-side > div > a {
		background-image: none !important;
		opacity: 1 !important;
	}
	:is(body, body#shop) .mobile-menu-wrap.wc-adaptive-header .m-logo img,
	:is(body, body#shop) .mobile-menu-wrap.wc-adaptive-header .m-search-toggle img,
	:is(body, body#shop) .mobile-menu-wrap.wc-adaptive-header .m-right-side > div > a > img {
		display: block !important;
		opacity: 1 !important;
		filter: none !important;
		transition: filter .2s ease !important;
	}
	:is(body, body#shop) .mobile-menu-wrap.wc-adaptive-header.wc-header-dark .m-logo img,
	:is(body, body#shop) .mobile-menu-wrap.wc-adaptive-header.wc-header-dark .m-search-toggle img,
	:is(body, body#shop) .mobile-menu-wrap.wc-adaptive-header.wc-header-dark .m-right-side > div > a > img {
		filter: invert(1) !important;
	}
	:is(body, body#shop) .mobile-menu-wrap.wc-adaptive-header.wc-header-light .m-menu-toggle a {
		color: #111 !important;
	}
	:is(body, body#shop) .mobile-menu-wrap.wc-adaptive-header.wc-header-dark .m-menu-toggle a {
		color: #fff !important;
	}
	:is(body, body#shop) .mobile-menu-wrap.wc-adaptive-header.wc-header-light .counter-mobile {
		background-color: #111 !important;
		color: #fff !important;
	}
	:is(body, body#shop) .mobile-menu-wrap.wc-adaptive-header.wc-header-dark .counter-mobile {
		background-color: #d9d9d9 !important;
		color: #111 !important;
	}
	/* The original WhatsApp references place compact counts at the lower-right
	   edge of each icon, leaving the heart and bag outlines readable. */
	:is(body, body#shop) .mobile-menu-wrap .m-right-side > .wishlist-icon > a,
	:is(body, body#shop) .mobile-menu-wrap .m-right-side > .m-cart > a {
		position: relative !important;
		overflow: visible !important;
	}
	:is(body, body#shop) .mobile-menu-wrap .m-right-side > .wishlist-icon > a > .counter-mobile,
	:is(body, body#shop) .mobile-menu-wrap .m-right-side > .m-cart > a > .counter-mobile {
		position: absolute !important;
		top: auto !important;
		left: auto !important;
		right: 3px !important;
		bottom: 4px !important;
		transform: none !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		box-sizing: border-box !important;
		width: auto !important;
		min-width: 13px !important;
		height: 13px !important;
		min-height: 13px !important;
		padding: 0 2px !important;
		margin: 0 !important;
		border: 0 !important;
		border-radius: 999px !important;
		font-size: 9px !important;
		font-weight: 700 !important;
		line-height: 1 !important;
		letter-spacing: 0 !important;
		font-variant-numeric: tabular-nums;
		z-index: 3 !important;
		pointer-events: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.mobile-menu-wrap.wc-adaptive-header,
	.mobile-menu-wrap.wc-adaptive-header img {
		transition: none !important;
	}
}

/* Reserve space for every desktop control, including the injected search button. */
@media (min-width: 1101px) {
	#masthead .header-wrap > .container {
		display: flex;
		align-items: center;
		gap: 24px;
	}

	/* Float-clearing pseudo-elements must not become extra flex items. */
	#masthead .header-wrap > .container::before,
	#masthead .header-wrap > .container::after,
	#masthead .header-right-wrap::after,
	#masthead #site-navigation > .wpc-menu::after {
		content: none;
		display: none;
	}

	#masthead .site-branding {
		flex: 0 0 auto;
		float: none;
	}

	#masthead .header-right-wrap {
		display: flex;
		flex-direction: row;
		flex: 1 1 auto;
		align-items: center;
		gap: 20px;
		width: auto !important;
		min-width: 0 !important;
		max-width: none;
		float: none;
	}

	#masthead #site-navigation {
		flex: 1 1 auto;
		min-width: 0;
		margin: 0;
	}

	#masthead #site-navigation > .wpc-menu {
		display: flex;
		align-items: center;
		justify-content: space-between;
		float: none;
	}

	#masthead #site-navigation > .wpc-menu > li > a {
		display: flex;
		align-items: center;
		height: 42px;
		padding: 0 8px;
		white-space: nowrap;
	}

	#masthead .header-right-wrap .header-widget {
		flex: 0 0 auto;
		min-width: 0 !important;
		margin: 0;
	}

	#masthead .header-right-wrap .extract-element {
		margin: 0;
	}

	#masthead .header-social {
		display: flex;
		align-items: center;
		gap: 5px;
		height: 42px;
	}

	#masthead .header-social .hide-show-khel {
		display: contents;
	}

	#masthead .header-social > .wf-desktop-trigger,
	#masthead .header-social a.m-accountdk,
	#masthead .header-social a.wishlist-icon,
	#masthead .header-social a.m-cart {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		position: relative;
		inset: auto !important;
		flex: 0 0 36px;
		width: 36px;
		height: 42px;
		padding: 0;
		margin: 0 !important;
		border: 0;
		border-radius: 0;
		background: transparent;
		color: #fff;
		opacity: .8;
		line-height: 1 !important;
		transition: opacity .3s;
	}

	#masthead .header-social > .wf-desktop-trigger:hover,
	#masthead .header-social > .wf-desktop-trigger:focus-visible,
	#masthead .header-social a.m-accountdk:hover,
	#masthead .header-social a.wishlist-icon:hover,
	#masthead .header-social a.m-cart:hover {
		opacity: 1;
	}

	#masthead .header-social > .wf-desktop-trigger svg {
		width: 32px;
		height: 32px;
	}

	#masthead .header-social a.m-accountdk img,
	#masthead .header-social a.wishlist-icon img,
	#masthead .header-social a.m-cart img {
		display: block;
		width: 28px;
		height: 28px;
		margin: 0;
		object-fit: contain;
	}

	#masthead .header-social .header-language-switcher {
		display: flex;
		align-items: center;
		justify-content: center;
		flex: 0 0 36px;
		width: 36px;
		height: 42px;
		top: auto;
		margin: 0;
	}

	#masthead .header-social .header-language-switcher .wpml-ls-item .wpml-ls-item-toggle {
		top: auto !important;
		margin: 0 !important;
	}
}

@media (min-width: 1101px) and (max-width: 1280px) {
	#masthead .header-wrap > .container,
	#masthead .header-right-wrap {
		gap: 16px;
	}

	#masthead #site-navigation > .wpc-menu > li > a {
		padding-right: 6px;
		padding-left: 6px;
		font-size: 14px !important;
	}
}

/* accordian */