@import url("https://use.typekit.net/bat7yei.css");
@font-face {font-family:'ao-icons';src:url('https://media.activeoffice.co.uk/evx/fonts/ao-icons.woff?v3') format('woff');font-weight:normal;font-style:normal;font-display:swap;}
@font-face {font-family:'fagun-xbold';src:url('https://media.activeoffice.co.uk/evx/fonts/fagun-extrabold-italic.woff') format('woff');font-weight:normal;font-style:normal;font-display:swap;font-feature-settings:"liga" 0, "clig" 0;}
@font-face {font-family:'fagun-med';src:url('https://media.activeoffice.co.uk/evx/fonts/fagun-medium-italic.woff') format('woff');font-weight:normal;font-style:normal;font-display:swap;font-feature-settings:"liga" 0, "clig" 0;}
@font-face {font-family:'chillax-bold';src:url('https://media.activeoffice.co.uk/evx/fonts/chillax-bold.woff2') format('woff2');font-weight:normal;font-style:normal;font-display:swap;font-feature-settings:"liga" 0, "clig" 0;}
@font-face {font-family:'chillax-semibold';src:url('https://media.activeoffice.co.uk/evx/fonts/chillax-semibold.woff2') format('woff2');font-weight:normal;font-style:normal;font-display:swap;font-feature-settings:"liga" 0, "clig" 0;}
@font-face {font-family:'Chillax-medium';src:url('https://media.activeoffice.co.uk/evx/fonts/chillax-medium.woff2') format('woff2');font-weight:normal;font-style:normal;font-display:swap;font-feature-settings:"liga" 0, "clig" 0;}


:root{
	--theme-color1:#0a3856;--theme-color1-rgb:10, 56, 86;		/* blue main */
	--theme-color2:#ef8901;--theme-color2-rgb:244, 151, 14;		/* orange */
	--theme-color3:#28a5dd;--theme-color3-rgb:45,165,222;			/* tech */
	--theme-color4:#a5ca63;--theme-color4-rgb:165, 202, 99;			/* green */
	--theme-color5:#ea4e74;--theme-color5-rgb:234, 78, 116;			/* red/ww */
	--theme-color-eco:#bce000;		/* eco green */
	--theme-body-text:#2d2d2d;
	--theme-light-text:#888;
	--theme-bg-light:#f4f4f4;
	--theme-bg-panel-light1:#f2f7ff;
	--theme-bg-panel-light2:#fff6f3;
	--theme-font-size-standard:clamp(0.8rem, 1.4vw, 1rem);
	--theme-max-content-width: 1450px;

--evo-brand-hover-bglight:var(--theme-color1);
--evo-brand-secondary:var(--theme-color2);

--theme-font-body:'montserrat';
--theme-font-header:'fagun';
--theme-font-headerlight:'fagun';
--theme-font-sans:"Source Sans Pro";

--theme-header-height: 108px;
}

.theme-color1{color:var(--theme-color1);}
.theme-color2{color:var(--theme-color2);}
.theme-color3{color:var(--theme-color3);}
.theme-color4{color:var(--theme-color4);}
.theme-color5{color:var(--theme-color5);}
.theme-color-eco{color:var(--theme-color-eco);}
.theme-bgcolor1{background-color:var(--theme-color1);}
.theme-bgcolor2{background-color:var(--theme-color2);}
.theme-bgcolor3{background-color:var(--theme-color3);}
.theme-bgcolor4{background-color:var(--theme-color4);}
.theme-bgcolor5{background-color:var(--theme-color5);}



* {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
html {-webkit-tap-highlight-color:transparent;line-height:1.5;color:#2d2d2d;}
body {color:#333;	font-size:16px;background-color:#fff;font-family:var(--theme-font-body),var(--theme-font-sans), sans-serif;}


h1, h2, h3, h4, h5, h6 {line-height:1.2;padding:0 0 0.5em;margin:0;font-family:var(--theme-font-header);color:var(--theme-color1);}
h1 {font-size:clamp(1.5rem, 3vw, 3rem);}
h2 {font-size:clamp(1.3rem, 3vw, 2.4rem);}
h3 {font-size:clamp(1.15rem, 3vw, 1.9rem);}
h4 {font-size:clamp(1.0rem, 3vw, 1.65rem);}
h5 {font-size:clamp(0.85rem, 3vw, 1.3rem);}
h6 {font-size:clamp(0.7rem, 3vw, 1.15rem);}

p {line-height:1.35;}
a {text-decoration:none;color:var(--theme-color2);touch-action:manipulation;user-select:none;}
a:hover {text-decoration:underline;color:var(--theme-color2);}
a:hover, a:active,a:focus {outline:none;}




/* ~-(sitewide /shared )~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


.clearfix:before,
.clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;}
.clearfix {zoom:1;}
.nowrap {white-space:nowrap;}
.centre{text-align:center;}
.bold{font-weight:bold;}
.fw {width:94%;margin:0 auto;zoom:1;max-width:var(--theme-max-content-width);padding:0;position:relative;}
.flex-container{display:flex;}

span.ico{font-family:FontAwesome;font-style:normal;font-weight:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}


.top-overlap {position:relative;	z-index:3;border-top-left-radius:30px;border-top-right-radius:30px;margin-top:-30px;}
.lower-overlap-safe {padding-bottom:65px!important;}
.lower-overlap-safe {padding-bottom:calc(65px + 5vh)!important;}



.btn-brick{
position:relative;
display:inline-flex!important;
gap:0.3em 0.7em;
align-items:center;
background:var(--theme-color2);
color:#fff;
border:none;
border-radius:1em;
font-family:var(--theme-font-body);font-weight:400;
font-size:1rem;
padding:0.75em 1em;
text-transform:uppercase;
text-align:center;
line-height:1.35;
justify-content:space-between;
text-decoration:none!important;
cursor:pointer;
transition:all 200ms cubic-bezier(0.5, 0, 0.5, 1) 0s;
touch-action:manipulation;
user-select:none;
}
.btn-brick:hover{text-decoration:none;color:#fff;filter:brightness(130%);}
.btn-brick.case-mixed {text-transform:none;}
.btn-brick.nowrap {white-space:nowrap;}
.btn-brick.full-width {display:flex!important;justify-content:center;}
.btn-brick.align-left {text-align:left;justify-content:flex-start;}
.btn-brick.align-right {text-align:right;justify-content:flex-end;}
.btn-brick.align-justify {justify-content:space-between;}
.btn-brick.stacked-icon {flex-direction:column;}
.btn-brick.slimline {padding:0.4em 0.8em;}
.btn-brick.fagun {font-family:var(--theme-font-header);}
.btn-brick.header {font-family:var(--theme-font-header);}
.btn-brick.icon-start span.ico{order:-1}
.btn-brick.icon-end span.ico{order:4;}

.btn-brick.gradient1{background:linear-gradient(to right, #f29f53 0%,#f78467 100%);color:white;}
.btn-brick.navy{background:var(--theme-color1);}
.btn-brick.navy:hover{filter:brightness(160%);}
.btn-brick.navy-orange{background:var(--theme-color1);}
.btn-brick.navy-orange:hover{background:var(--theme-color2);filter:none;}
.btn-brick.light-blue{background:#28a5dd;}
.btn-brick.light-blue:hover{}
.btn-brick.green{background:#7ab800;color:#fff;}
.btn-brick.green:hover{}
.btn-brick.red{background:#ed4d73!important;}
.btn-brick.red:hover{}
.btn-brick.charcoal{background:#333;}
.btn-brick.charcoal:hover{filter:brightness(160%);}
.btn-brick.white{background:#fff;color:#0f1f2e;}
.btn-brick.white:hover{background:#f5f5f5;color:#0f1f2e;}
.btn-brick.outline-white{background:transparent;border:2px solid #fff;color:#fff;}
.btn-brick.outline-white:hover{background:transparent;color:#fff;}
.btn-brick.outline-navy{background:transparent;border:2px solid var(--theme-color1);color:var(--theme-color1);}
.btn-brick.outline-navy:hover{background:transparent;color:var(--theme-color1);}
.btn-brick.outline-orange{background:transparent;border:2px solid var(--theme-color2);color:var(--theme-color2);}
.btn-brick.outline-orange:hover{background:transparent;color:var(--theme-color2);}

.btn-brick.text-only{background:none;padding:0;}
.btn-brick.text-only:hover{background:none;}

.btn-brick.text-navy{color:var(--theme-color1);}
.btn-brick.text-navy:hover{color:var(--theme-color1);}
.btn-brick.text-orange{color:var(--theme-color2);}
.btn-brick.text-orange:hover{color:var(--theme-color2);}

.btn-brick.size1 {font-size:50%;}
.btn-brick.size2 {font-size:65%;}
.btn-brick.size3 {font-size:90%;}
.btn-brick.size4 {font-size:100%;}
.btn-brick.size5 {font-size:120%;}
.btn-brick.size6 {font-size:140%;}
.btn-brick.size7 {font-size:160%;}
.btn-brick.size8 {font-size:180%;}
.btn-brick.size9 {font-size:200%;}





.merchandisingcontent_container {overflow:hidden;}

/* swipe controls ---------------------------- */
.swiper-nodes {position:relative;}
.swiper-nodes div {position:absolute;bottom:30px;z-index:5;height:88px;width:58px;background:rgba(0,0,0,.7);cursor:pointer;border-radius:16px;text-align:center;}
.swiper-nodes div:hover {background:rgba(0,0,0,.9);}
.swiper-nodes div[aria-disabled="true"] {xdisplay:none;opacity:0.3;}
.swiper-nodes div.prev {left:-3%;}
.swiper-nodes div.next {right:-3%;}
.swiper-nodes a{display:block;margin:auto;font-family:FontAwesome;font-size:2em;line-height:88px;text-decoration:none;color:#fff;}
.swiper-nodes a:hover {text-decoration:none;color:#28a5dd;}



/* ■■■■■■■■ Compatability: old pre-2025 shared lander snippet  ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

.flex-container.four-column{justify-content:space-between;}
.flex-container.four-column > .flex-item{ width:25%;}

.flex-container.three-column{justify-content:space-between;}
.flex-container.three-column > .flex-item{ width:33.33%;}

.flex-container.two-column{justify-content:space-between;}
.flex-container.two-column > .flex-item{ width:50%;}

.alternating-grid .flex-container {flex-flow:row wrap;}
.alternating-grid .flex-container .flex-item {display:flex;	width:50%;	align-items:center;overflow:hidden;}
.alternating-grid .flex-container .flex-item .deco-container{ background:#f1f1f2 center / cover;padding-bottom:66.714285714286%;width:100%;align-self:stretch;}
.alternating-grid .flex-container .flex-item .text-container{margin:4rem 0;padding:0 10%;text-align:right;}
.alternating-grid .flex-container:nth-child(odd){flex-direction:row-reverse;}
.alternating-grid .flex-container:nth-child(odd) .text-container{ text-align:left;}


@media screen and (max-width:630px) {
	.alternating-grid .flex-container .flex-item { width:100%;}
	.alternating-grid .flex-container .flex-item .text-container { text-align:left;}
	.alternating-grid .flex-container .flex-item .text-container { margin:2rem 0;}
}



.heading-lander {text-align:center;}
.heading-lander h1 {padding-bottom:0;color:#28a5dd;}
.heading-lander h2 {padding-bottom:0;}

.heading-lander .blocked{background:#0f1f2e;padding:0.35em 0.5em;color:#fff;display:inline-block;position:relative;z-index:1;}

.flex-row{justify-content:space-between;display:flex;flex-flow:row wrap;margin:2rem 0;}
.flex-row.no-margin{margin:0;}
.flex-row p{margin:0.4em 0;}


.flex-row .col-item {margin-bottom:3%;}
.flex-row .col-item.center{text-align:center;}
.flex-row .col-item.shadow{box-shadow:0 0 20px rgba(0,0,0,0.1),0 0 5px rgba(0,0,0,0.05);}


.flex-row.col-4 > .col-item{width:23.5%;}
.flex-row.col-4 > .col-item.no-gutter{width:25%;}

.flex-row.col-2 > .col-item{width:48.5%;}
.flex-row.col-2 > .col-item.no-gutter{width:50%;}

.flex-row.col-1 > .col-item{width:100%;}

@media screen and (max-width:980px) {
	.flex-row.col-4 > .col-item{width:48.5%;}
	.flex-row.col-4 > .col-item.no-gutter{width:50%;}
	.flex-row.col-2 > .col-item{width:100%;}
	.flex-row.col-2 > .col-item.no-gutter{width:100%;}
}
@media screen and (max-width:340px) {
	.flex-row.col-4 > .col-item{width:100%;}
	.flex-row.col-4 > .col-item.no-gutter{width:100%;}
}




/* product text list box - ie. diaries */
.product-box-row-container{ flex-wrap:nowrap; gap:3vw; padding: 2vmax 0 5vmax 0;}
.product-list-box{ flex-direction:column; width:100%;}
.product-list-box h2 { text-align: center; background:#f08041; color:#fff; padding:4px;}
.product-list-box .item-row{ display:flex; flex-wrap:nowrap; border-bottom:dotted 1px #aaa; padding:0.25em 0; text-decoration:none; width:100%;}
.product-list-box .item-row:last-child{ border-bottom:none;}
.product-list-box a.item-row:hover{ background:#0a385620;}
.product-list-box .item-row .item-name{ flex-grow:5; width:100px; padding-left:0.5em;}
.product-list-box .item-row .item-cost{ flex-grow:0; width:115px; color:red; font-weight:600; text-align: right;padding-right:0.5em;}
.product-list-box .item-row .item-cost small{ font-weight:400;}
.product-list-box .item-row .item-cost sup.pence{ font-size:60%;}
.product-list-box .item-row .view-items{ flex-grow:0; width:115px; color:red; font-weight:600;  text-align:right;padding-right:0.5em;  }




.best-seller-insert{ }
.best-seller-insert:before,
.best-seller-insert:after {content:"";display:table;}
.best-seller-insert:after {clear:both;}
.best-seller-insert {zoom:1;}


table.table-style1 {border-collapse:separate;border-spacing:0;margin-bottom:20px;width:100%;}
table.table-style1 .heading{ background:#42AADF!important;color:white;}
table.table-style1 td{vertical-align:top;padding:5px 10px;}
table.table-style1 tr:nth-child(odd){background:#ddd;}



/* responsive table */
.data-set {font-size:0.9rem;color:#666;width:100%;line-height:1.2;}
.data-set thead tr{background:#28a5dd!important;color:#fff!important;;font-size:120%;}
.data-set tr{}
.data-set tr:nth-child(even){background:#eee;}
.data-set tr:hover{background:#ddd;color:#555;}
.data-set td{ vertical-align:top;padding:0.5em;}
.data-set a.btn-brick{padding:0.2em 0.25em;font-size:inherit;line-height:inherit;}
.data-set span.closed{padding:0.2em 0.25em;background:#ddd;text-transform:uppercase;color:#888;display:inline-block;}

@media screen and (max-width:360px) {
	.data-set {font-size:1rem;}

	.data-set thead tr {border:none;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
	.data-set tr {display:block;}
	.data-set td{width:100%;display:block;text-align:right!important;}
	.data-set td::before {content:attr(data-label);color:#555;font-weight:600;padding-right:1em;float:left;}
}





/* ■■■■■■■■ element templates  ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

.ag-header{
	--bg-colour-wash:#163a5b;
	--bg-colour-wash-dark:#000000;

	position:relative;height:60vh;max-height:500px; min-height: 200px;
	background:linear-gradient(to top, var(--bg-colour-wash-dark) 0%,var(--bg-colour-wash) 45%);

	> .fw {height:100%;}
	img.background {position:absolute;object-fit:cover;cursor:auto;width:100%;height:100%;z-index:1;mix-blend-mode:overlay;opacity:0.5;}
	.detail-wrap {
		display:flex;height:100%;max-width:650px;position:relative;z-index:2;align-items:center;
		.detail {
			display:flex;flex-direction:column;color:#fff;
				h1 {font-family:var(--theme-font-header);color:#fff;font-size:clamp(1.3rem, 5vw, 2.5rem);border-bottom:2px solid var(--theme-color2);margin-bottom:0.5em;padding-bottom:0.2em;padding-top:108px;}
				h3 {font-family:var(--theme-font-header);color:#fff;font-size:clamp(1rem, 3vw, 1.5rem);margin-bottom:0.5em;padding-bottom:0.2em;}
				p.overview{color:#fff;font-size:var(--theme-font-size-standard);}
		}
		&.white{
			padding-top: 160px; padding-bottom: 2rem;
			h1{border:none; padding-top: 0;}
		}
	}

	&.height-100{height: calc(100vh - 108px); max-height: 1200px; background: linear-gradient(to right, var(--bg-colour-wash-dark) 0%,var(--bg-colour-wash) 80%);}
	&.height-80{height: 80vh; max-height: 800px;}
	&.height-60{height: 60vh; max-height: 600px;}
	&.height-40{height: 60vh; max-height: 400px;}
	&.height-25{height: 60vh; max-height: 250px;}
	&.height-20{height: 60vh; max-height: 200px;}
	&.height-15{height: 60vh; max-height: 150px; min-height:150px;}

	.cycle-slideshow.bg-reel{
		position: absolute; height: 100%; width:100%; z-index: 1; overflow: hidden; opacity: 0.45; mix-blend-mode: overlay;
		img.slide{transform: scale(1);  }
		img.slide.cycle-slide-active {animation: scaleProgress 9500ms linear forwards;}
	}

	&.slim {
		height:auto!important;padding-bottom:0!important; min-height: auto!important; background: linear-gradient(to right, var(--theme-color1) 0%,#175b88 45%); margin-bottom:1rem;
		.fw{max-width:1420px;width:calc(100% - 30px);}
		img.background{opacity: 0.3; filter: blur(7px);}
		.detail {
				h1 {font-size:clamp(1.2rem, 4vw, 1.5rem);border-bottom:none;padding:0.4em 0;margin-bottom:0;}
		}
	}

	&.eco{
		--bg-colour-wash:#485b12;
		--bg-colour-wash-dark:#0a2f06;
		h1 {border-bottom-color:var(--theme-color-eco)!important;}
	}

	&.light-wash{
		.cycle-slideshow.bg-reel{mix-blend-mode: unset;}
	}

}

@keyframes scaleProgress {
		from { transform: scale(1);}
		to { transform: scale(1.15);}
}









/* accordion ui */
.ao-accordion{user-select:none;border-top:1px solid #959595;}
.ao-accordion h3 {font-size:1.1rem;cursor:pointer;position:relative;padding:0.7em 2.4em 0.7em 0;line-height:1;}
.ao-accordion h3:after {content:"\f055";font-family:FontAwesome;position:absolute;font-size:2em;font-weight:200;right:0;top:0.12em;padding-right:0.2em;color:#444;}
.ao-accordion .dropper{max-height:0;overflow:hidden;transition:max-height 0.15s;}
.ao-accordion .dropper p{line-height:1.3;margin:0;}

.ao-accordion.reveal .dropper{max-height:1600px;padding-bottom:0.75rem;transition:max-height 0.75s;}
.ao-accordion.reveal h3:after {content:"\f056";}



.ag-accordian-wrap {
	width:100%;
	.ag-accordion{
		border-top:1px solid #ccc;user-select:none;
		&:first-child {border-top:none;}
		h3 {
			font-family:var(--theme-font-body);padding:1.2em 0 0.6em 0;font-size:1.1rem;cursor:pointer;line-height:1.1;display:flex;justify-content:space-between;gap:20px;width:100%;
			&:hover{color: var(--theme-color2);}
			&::after {content:"\f055";font-family:FontAwesome;font-size:1.4em;font-weight:200;}
		}
		.dropper{max-height:0;overflow:hidden;margin-bottom:0.5rem;transition:max-height 0.3s;}
		.dropper p{line-height:1.35;margin:0 0 0.5em 0;}

		&.reveal{
			.dropper{max-height:1200px;transition:max-height 0.3s;}
			h3:after {content:"\f056";}
		}
	}

	@media(width <= 1145px){
		.ag-accordian-wrap {width:100%;}
	}

	@media(width <= 820px){
		.ag-accordian-wrap {width:100%;}
	}

}




/* see more/less toggle for containers -------------------------------------------------------------------------------------------------------  */
.more-less-wrapper{height:165px;overflow:hidden;min-height:165px;}
.more-less-wrapper.ag-reveal{height:auto;}
.see-more-toggle {padding:0.75rem 15px;}
.see-more-toggle a:focus {color:#fff;}
.see-more-toggle a::after {content:" more";}
.more-less-wrapper.ag-reveal + .see-more-toggle a::after {content:" less";}
.more-less-wrapper.ag-reveal + .see-more-toggle a span.ico {transform:rotate(180deg);}




/* col2-text-image -------------------------------------------------------------------------------------------------------  */
.col2-text-image{
	/*options: c60-40 / deco-top / deco-low / deco-hide-mobo */
	--left-col-width:50%;
	--right-col-width:50%;
	display:flex;justify-content:space-between;gap:5vw;
	> div{width:50%;display:flex;flex-direction:column;justify-content:center;}

	.text{width:var(--left-col-width);}
	.deco{
		width:var(--right-col-width);
		img{border-radius:20px;}
	}
	.buttons{display:flex;gap:20px;margin-top:1rem;}

	.pillars{
		display:flex;flex-direction:row;align-items:flex-end;height:100%;max-height:400px;gap:20px;aspect-ratio:1.33 / 1;padding-top:10px; width:var(--right-col-width);
		> div{width:30%;position:relative;}
		.item1{height:76%;}
		.item2{height:88%;}
		.item3{height:100%;}
		img{
			width:100%;height:100%;object-fit:cover;object-position:center;position:absolute;z-index:0;border-radius:20px;transition:transform 0.6s ease-in-out;
			&:hover{transform:translateY(-10px);}
		}
	}

	&.c60-40{
	--left-col-width:60%;
	--right-col-width:40%;
	}

	&.c70-30{
	--left-col-width:70%;
	--right-col-width:30%;
	}

	@media (width < 900px){
		--left-col-width:100%!important;
		--right-col-width:100%!important;
		flex-wrap:wrap;
		&.deco-top .deco{order:-1;}
		&.deco-low .deco{order:3;}
		&.deco-hide-mobo .deco{ display:none;}
		.pillars{margin-top:-2.5rem;max-height:250px;}
	}

}







/* 2 col wrap -------------------------------------------------------------------------------------------------------  */
.ele-col2-900{
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	grid-template-rows:auto;
	gap:5%;

	.card-item {
		display:grid;
		grid-template-rows:subgrid;
		grid-row:span 4;
		text-align:center;
	}

	@media (width <= 900px) {
		grid-template-columns:1fr;
		.item.item1 {grid-column:auto;}
	}
}


/* 3 col wrap -------------------------------------------------------------------------------------------------------  */
.ele-col3-900-600{
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	grid-template-rows:auto;
	gap:20px;

	.item {
		display:grid;
		grid-template-rows:subgrid;
		grid-row:span 4;
		text-align:center;
	}

	@media (width <= 900px) {
		grid-template-columns:repeat(2, 1fr);
		.item.item1 {grid-column:1 / -1;}
	}

	@media (width <= 600px) {
		grid-template-columns:1fr;
		.item.item1 {grid-column:auto;}
	}
}




.ele-card-img-hdr-desc-cta {
	display:grid;
	grid-template-rows:subgrid;
	grid-row:span 4;
	gap:10px;

	.image-wrap {
		aspect-ratio:1.66 / 1;min-height:0;
		img{height:100%;width:100%;object-fit:cover;}
	}
	.title {
		color:var(--theme-color1);padding:0 1rem;text-align:left;
		h2{font-size:clamp(1.1rem, 3vw, 1.4rem);padding-bottom:0;}
	}
	.desc {padding:0 1rem;text-align:left;	}
	.cta {
		padding:0 1rem;text-align:left;display:flex;gap:20px;
		a{display:block;white-space:nowrap;}
	}
}




/* product carousels -------------------------------------------------------------------------------------------------------  */
.merchandising-carousel .sidebar-content > h3{font-family:var(--theme-font-sans);color:#0f2430;font-weight:900;font-size:2.1rem;padding:0.2em 0.5em;line-height:1.3;}
.merchandising-carousel .owl-carousel .owl-item > div {padding:0 5px;}
.merchandising-carousel .owl-carousel .owl-stage-outer > div:nth-of-type(1){background:none!important;}
.merchandising-carousel .tile{box-shadow:none;border:3px solid #dcdcdc!important;border-radius:1.5rem!important;padding:0 1rem 1rem 1rem;width:100%!important;max-width:360px!important;margin:0!important;}
.merchandising-carousel .tile .product-name a{color:#575656;}
.merchandising-carousel .tile .brand-label{display:none;}
.merchandising-carousel .tile .price-label{font-size:1.9rem!important;font-family:var(--theme-font-sans);color:#DC2A42;line-height:0.6;margin:0;position:absolute;left:-3px;top:-3px;padding:0.4em 0.25em;background:#DC2A42;color:#fff;border-bottom-right-radius:0.5em;border-top-left-radius:1.5rem;}
.merchandising-carousel .tile .price-label .exvat{display:inline;text-align:right;font-weight:400;margin-top:3px;font-size:40%!important;}
.merchandising-carousel .tile .price-label-inc-vat {display:none!important;}
.merchandising-carousel .tile .product-price-rrp {display:none;}
.merchandising-carousel .tile .addtoquicklist-wrapper{display:none;}
.merchandising-carousel .tile .product-compare-action{display:none;}
.merchandising-carousel .tile .rrp{display:none!important;}
.merchandising-carousel .tile .product-list-actions{display:none!important;}
.merchandising-carousel .tile .price-from{display:none;}

.merchandising-carousel a.tile-link.flex-container {display:flex;flex-wrap:wrap;}
.merchandising-carousel a.tile-link h4{font-size:1.1rem;line-height:1.1;font-weight:600;color:#0f1f2e;max-height:2.2em;overflow:hidden;padding:0;font-family:var(--theme-font-sans);text-align:left;}
.merchandising-carousel a.tile-link.flex-container div.image-wrap{display:flex;width:100%;text-align:center;min-height:auto;height:200px;}
.merchandising-carousel a.tile-link.flex-container div.image-wrap img{width:auto;max-width:100%;max-height:200px;object-fit:cover;}

.merchandising-carousel a:hover{text-decoration:none;}


.merchandising-carousel h3 {margin:1rem 0 -1px 0;}
.merchandising-carousel .brand-label{display:none;}
.merchandising-carousel .uomblock {display:none;}
.merchandising-carousel .product-sku {display:none;}
.merchandising-carousel .buttons.group {display:none;}
.merchandising-carousel .divquickview {display:none;}


.merchandising-carousel .uom.uomblock{display:none!important;}
.merchandising-carousel .tile .footer{min-height:auto!important;padding:0;}
.merchandising-carousel .price-from {	font-size:0.85rem;	font-weight:200;line-height:1;padding-bottom:0.25em;}
@media screen and (max-width:600px) {
	.merchandising-carousel .tile{padding:3px;max-width:260px!important;border-radius:1rem!important;}
	.merchandising-carousel a.tile-link h4{font-size:0.9rem;}
	.merchandising-carousel a.tile-link .price-label{font-size:1.7rem!important;}
	.merchandising-carousel .owl-carousel .tile .footer {	padding:5px;}
}

/* nodes */
.merchandising-carousel .owl-nav > div {position:absolute;bottom:30px;z-index:5;height:88px;width:58px;background:rgba(0,0,0,.7);color:#fff;cursor:pointer;border-radius:16px;text-align:center;line-height:88px;padding:0;top:22%;margin-top:0;}
.merchandising-carousel .owl-nav > div:hover {background:rgba(0,0,0,.9);}
.owl-carousel .owl-nav .owl-prev {left:7px;}
.owl-carousel .owl-nav .owl-next {right:7px;}
@media screen and (max-width:600px) {
	.owl-carousel .owl-nav .owl-prev {left:-10%;}
	.owl-carousel .owl-nav .owl-next {right:-10%;}
	.merchandising-carousel .owl-nav > div {top:13%;}
}




/* ~~( site overrides)~~~~~~~~ */
body.min-content-height-set .page-content{min-height:70vh;}
body.min-content-height-set.ex-content-page section.catalog-grid{min-height:70vh;}
body.hide-page-content .page-content .cp-desktop{display:none;}
body.ag-content .ag-content-row{min-height: 40vh;}
body.ex-content-page .row-breadcrumb {display:none;}
@media screen and (max-width:1470px) {
	.container {width:100%;}
}
.breadcrumb{text-align: left!important;}

.product-sku{color:var(--theme-light-text)!important;font-size:0.85em!important;}
sup.pence{font-size:60%;}







.my-button{
--btn-bg: navy;
--btn-text: white;
	background: var(btn-bg: navy);
	color: var(--btn-text);
	box-shadow: 0 5px 10px color-mix(in srgb, var(--btn-bg), white 40% 50%);
	border: 2px solid color-mix(in srgb, var(--btn-bg), black 30%);
	padding: 0.75em 1.1em;
	.red{--btn-bg: red; --btn-text: black;}
	.green{--btn-bg: green; --btn-text: black;}
	.orange{--btn-bg: green; --btn-text: black;}
	.purple{--btn-bg: purple; --btn-text: white;}
}


/* header 2025 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

body.transparent-top header {background:transparent;}
body.transparent-top .zonetop {margin-top:-108px;}
body.transparent-top.hamburger-on .zonetop {margin-top:-126px;}
body.transparent-top .page-content{margin-top:0;}
body.flush-top .page-content{margin-top:0;}
body.transparent-top.page-scrolled .zonetop {margin-top:-75px;}


@media(width <= 425px){
	body.transparent-top.hamburger-on .zonetop {margin-top:-125px;}
}


header {position:sticky;top:0;background:var(--theme-color1);z-index:200;}
header .header-full {padding:1.8rem 0;background:transparent;color:#fff; height: var(--theme-header-height);}
header .header-full > div:last-of-type {border:none;}
header .header-mobile {background:transparent;}
header .header-full > div {padding:0;}
header .headersection-1{display:none;}
body.page-scrolled {--theme-header-height:72px;}
body.page-scrolled header {background:var(--theme-color1);box-shadow:0 2px 5px rgba(0,0,0,.2);}
body.page-scrolled .page-content {margin-top: 25px;}/*judder fix #1*/
/*
fixes judder #2. remove the stiky from header container. Needs tweaked for transparent and mobile maybe.
body.page-scrolled header {height: 107px; background: transparent;}
body.page-scrolled header .header-full  {position: fixed !important;	top: 0;z-index: 15;box-shadow:0 2px 5px rgba(0,0,0,.2);width: 100% !important;	max-width: none !important;background:var(--theme-color1);}

*/

header .headersection-2{display:flex;gap:20px;align-items:center;}
body.page-scrolled header .header-full {padding:0.7rem 0;}

header .widgetlogo a.logo {display:inline-block;margin:0;	transition:opacity .35s ease;width:100%; opacity:1!important;}
@media screen and (max-width:950px) {
	header .headersection-2{gap:10px;}
	header .widgetlogo{width:100px;}
	header .widgetlogo a.logo img{width:100%;}
}

header .header-full .search_container{flex-grow:2;}
header .header-full .search_container .widgetsearch.search .search-form .form-group input {border:0;outline:1px solid #fff;background-color:rgba(var(--theme-color1-rgb),0.75);color:#fff;	height:47px;border-radius:25px;	padding-inline:20px 50px;width:100%;}
header .header-full .search_container .widgetsearch.search .search-form .form-group input::selection {background-color:var(--theme-color2);color:var(--theme-color1);}
header .header-full .search_container .widgetsearch.search .search-form button[type="submit"] {display:flex;align-items:center;justify-content:center;width:31px;height:31px;border-radius:50%;background:var(--theme-color2);	top:8px;	right:12px;padding:0;	transform:translate(0);}

header .header-full .search_container + div.htmlcontent_container{flex-shrink:0;z-index:2;}

header .active-menu-trigger.header-top:before{font-family:FontAwesome;font-size:120%;content:"\f0c9";}
header .active-menu-trigger.header-top {font-size:var(--theme-font-size-standard);}

header .ag-header-tel a{white-space: nowrap;}
header .ag-header-tel a:visited,header .ag-header-tel a:active,header .ag-header-tel a:focus{color: white;}

header .ag-tools-wrap {position:relative;border-radius:3px;z-index:1;}
header .ag-tools-wrap.ag-active {position:relative;}
header .ag-tools-wrap.ag-active .ag-shop-tools{display:block;}
header .ag-tools-wrap:before {content:" ";position:absolute;height:50px;top:0;pointer-events:auto;width:75px;right:0;}
header .ag-shop-tools {padding-right:0;position:relative;right:-20px;display:none;}
header .ag-tools-toggle {padding:2px 5px 2px 5px;border-radius:3px;position:relative;}
header .ag-tools-toggle:after {content:"\f013";font-family:FontAwesome;position:absolute;font-size:10px;right:0;}
header .ag-tools-toggle img.icon{height:16px;position:relative;z-index:1;}
header .ag-shop-tools .shopping-tools-wrapper{display:flex;flex-direction:column;gap:3px;position:absolute;margin-top:12px;right:0;align-items:flex-start;background:#fff;color:var(--theme-color1);padding:5px;border-radius:8px;box-shadow:0 6px 12px rgba(0,0,0,.175);border:1px solid rgba(0,0,0,.15);background-clip:padding-box;}
header .ag-shop-tools .shopping-tools-wrapper:before{content:"\f0d8";font-family:FontAwesome;position:absolute;top:-16px;right:27px;font-size:20px;color:#fff;}
header .ag-shop-tools .shopping-tools-wrapper a{display:flex;flex-direction:row!important;padding:6px 12px;color:var(--theme-color1);width:100%;justify-content:flex-start!important;}
header .ag-shop-tools .shopping-tools-wrapper a:hover{background:var(--theme-color2);text-decoration:none;}
header .ag-shop-tools .shopping-tools-wrapper a:hover span{color:var(--theme-color1);}
header .ag-shop-tools .shopping-tools-wrapper a span{white-space:nowrap;}
header .ag-shop-tools .shopping-tools-wrapper .vuequicklistdropdown_elem{width:100%;}
header .ag-shop-tools .shopping-tools-wrapper .vuequicklistdropdown_elem a{justify-content:flex-start;}
header .ag-shop-tools a.toggle-vat-incl-wrapper label {font-size:0.875rem;}

header .ag-login.toolbar{padding-right:0;}
header .ag-login .account-btn span.welcome-message {display:none;}
header .ag-login .account-btn.account-btn.btn-outlined-invert > span{position:absolute!important;}
header .ag-login .account-btn.account-btn.btn-outlined-invert > span > i.arrow-your-account{position:absolute!important;bottom:-25px;right:-5px;opacity:0.3;}
header .ag-login .dropdown-menu.account-dropdown{right:-15px!important;left:auto!important;top:20px;}
header .header-full .toolbar .account-dropdown .arrow_box {left: auto!important;right: 28px;}
header .header-full .account-dropdown .arrow_box:before,.account-dropdown .arrow_box:after {pointer-events: auto; !important;}
header .ag-login .dropdown-menu.account-dropdown .pointer:hover {color:#ffffff;background:var(--theme-color2);}

header .minicart_container  .cart-btn > a.btn {padding:0;	background:transparent!important;border:none;}
header .minicart_container  .cart-btn > a.btn:hover {background:transparent!important;}
header .minicart_container .cart-btn:focus-visible > a.btn, header .minicart_container .cart-btn:focus-within > a.btn, header .minicart_container .cart-btn:hover > a.btn {background:transparent!important;}
header .minicart_container  .cart-btn > a.btn i {width:22px;	height:18px;	filter:brightness(0) invert(1);position:relative;	margin:-10px 0 0;}
header .minicart_container .cart-btn > a.btn > i:before {content:"\f291";}
header .minicart_container .cart-btn > a.btn .minicart_count {font-weight:600;height:20px;width:20px;right:-7px;top:-12px;background:var(--theme-color2);}
header .minicart_container .cart-btn > .btn > .minicart_total {display:none;}

header .cart-dropdown{top:34px;right:-7px!important;}
header .cart-dropdown .arrow_box:before {visibility:visible;margin-left:20px;border-bottom-color:#f6f8fb;}








/* AG side menu  */
.ag-sidebar{position:fixed;top:0;left:-420px;width:420px;height:100dvh;background-color:#0a3856;z-index:9999;transition:left .5s;}
.ag-sidebar.ag-active{top:0;left:0px;}
.ag-sidebar-inner{overflow:auto;padding:3vh 1em 3vh 3em;min-height:100%;display:flex;	flex-direction:column;}
.ag-sidebar .ag-logo {max-width:200px;margin-top:30px;}
.ag-sidebar section.ag-sidemenu-links1 {margin-bottom:5vh;margin-top:5vh;}
.ag-sidebar section.ag-sidemenu-links1 h4.title,
.ag-sidebar .ag-site-submenu h4 {color:var(--theme-color2);font-family:var(--theme-font-header);font-size:clamp(1rem, 2vw, 1.5rem);}
.ag-sidebar section.ag-sidemenu-links1 li.ag-submenu.ag-active > a{color:var(--theme-color3);}
.ag-sidebar section.ag-sidemenu-links1.ag-site-menu .ag-submenu-inner{position:absolute;display:flex;justify-content:space-between;align-content:flex-start;flex-wrap:wrap;top:0;left:100px;height:100vh;width:calc(95vw - 420px);max-width:1000px;padding:4em 3vw 2em 5vw;opacity:0;visibility:hidden;background:var(--theme-color1);overflow:hidden;transition:all 0.2s;}
.ag-sidebar section.ag-sidemenu-links1.ag-site-menu .ag-active .ag-submenu-inner{opacity:1;visibility:visible;z-index:5;left:420px;transition:left 0.5s,opacity ease-in-out 0.5s;overflow:auto;}
.ag-close{color:#fff;font-size:18px;position:absolute;top:30px;right:30px;cursor:pointer;}

body:has(.ag-sidebar.ag-active) {overflow: hidden;}

/* AG side menu > submenu  */
.ag-sidebar section.ag-sidemenu-links1.ag-site-menu .ag-active .ag-submenu-inner:before {content:"";position:relative;z-index:1;width:1px;background-color:#fff;align-self:stretch;}
.ag-sidebar  .ag-submenu-inner li{z-index:1;}
.ag-sidebar  .ag-submenu-header {width:100%;color:#fff;max-height:150px;order:-2;margin-bottom:10vh;}
.ag-sidebar  .ag-submenu-header .ag-submenu-title {display:flex;flex-wrap:wrap;}
.ag-sidebar  .ag-submenu-header .ag-submenu-title-name {display:flex;}
.ag-sidebar  .ag-submenu-header .ag-submenu-title-name span {font-size:180%;color:var(--theme-color2);font-family:var(--theme-font-header);}
.ag-sidebar  .ag-submenu-header .ag-submenu-title-text {width:100%;font-weight:bold;}

.ag-sidebar  .ag-submenu-item {width:48%;max-width:220px;}
.ag-sidebar  .ag-submenu-inner .ag-submenu-item.first-item {order:-1;}
.ag-sidebar  .ag-submenu-inner .ag-close-submenu {width:100%;margin-bottom:0.5em;margin-left:-1.2em;cursor:pointer;}
.ag-sidebar  .ag-submenu-item li {margin:0.5vh 0 0 0;}
.ag-sidebar  .ag-submenu-item > a {color:var(--theme-color2);font-family:var(--theme-font-header);font-size:120%;}
.ag-sidebar  .ag-submenu-item > a:hover {text-decoration:none;}

.ag-sidebar ul{margin:0;padding:0;list-style:none;}
.ag-sidebar a{color:#fff;text-decoration:none;}
.ag-sidebar a:hover{text-decoration:underline;}
.ag-sidemenu-links1 > ul >li>a,
.ag-site-submenu a {line-height:1.6;font-size:1.1rem;}

.ag-site-submenu ul.hasSubmenus li.has-submenu{display:none;}
.ag-site-submenu ul.hasSubmenus li.has-submenu.ag-active{display:block;}


.ag-sidebar li.ag-menu-background {background-color:var(--theme-color1);z-index:0;display:block;position:absolute;width:100%;height:100%;top:0;left:0;}
.ag-sidebar .ag-menu-background img {object-fit:cover;mix-blend-mode:multiply;cursor:auto;width:100%;height:100%;}


.ag-sidebar .ag-sub-banner-wrap {width:100%;}
.ag-sidebar .ag-sub-banner-wrap .sub-banner {	position:relative;margin-top:5vh;overflow:hidden;isolation:isolate;text-decoration:none;background-color:var(--theme-color2);color:#fff;border-radius:1.5rem;padding:1.5rem 2rem;	display:flex;align-items:center;justify-content:space-between;	gap:30px;}
.ag-sidebar .ag-sub-banner-wrap .sub-banner > img {position:absolute;width:100%;top:0;left:0;height:100%;object-fit:cover;opacity:.2;	z-index:-1;}
.ag-sidebar .ag-sub-banner-wrap .sub-banner-left {width:60%;}
.ag-sidebar .ag-sub-banner-wrap .sub-banner-right {width:40%;display:flex;flex-direction:column;}
.ag-sidebar .ag-sub-banner-wrap .sub-banner-title-top {margin-bottom:0.3em;	line-height:1.25;color:var(--theme-color1);font-family:var(--theme-font-body);}
.ag-sidebar .ag-sub-banner-wrap .sub-banner-title {	font-family:var(--theme-font-header);	font-size:160%;margin-bottom:0.8rem;line-height:1.25;}
.ag-sidebar .ag-sub-banner-wrap .btn-brick {text-decoration:none;}
.ag-sidebar .ag-sub-banner-wrap .btn-brick.text-only .ico{color:var(--theme-color1);}
@media screen and (max-width:950px) {
	.ag-sidebar .ag-sub-banner-wrap .sub-banner{flex-wrap:wrap;gap:1rem;}
	.ag-sidebar .ag-sub-banner-wrap .sub-banner-left{width:100%;}
	.ag-sidebar .ag-sub-banner-wrap .sub-banner-right {width:100%;}
}


.ag-sidebar .ag-sidebar-lower {margin-top:auto;}
.ag-sidebar .footer-links > div {display:flex;flex-direction:column;}
.ag-sidebar .footer-links a{text-decoration:none;}
.ag-sidebar .footer-links a:first-child{font-size: 150%; padding-bottom: 1em;}
.ag-sidebar .footer-links a:hover{color:var(--theme-color2);}
.ag-sidebar .footer-links a span.ico{color:var(--theme-color2);width:1.3em;}
.ag-sidebar .footer-links a.sustainability span.ico{color:var(--theme-color4);}
body.ex-loggedout .ag-sidebar-lower .footer-links .account-user{display:none;}
body.ex-loggedin .ag-sidebar-lower .footer-links .guest-user{display:none;}


/* overlay  */
.ag-menu-overlay {position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(255,255,255,0.2);z-index:9990;display:none;backdrop-filter:blur(7px);}
.ag-sidebar.ag-active + .ag-menu-overlay {display:block;}


@media screen and (max-width:1280px) {
	.ag-sidebar{width:280px;}
	.ag-sidebar-inner {padding:3vh 1em 3vh 2em;}
	.ag-sidebar section.ag-sidemenu-links1.ag-site-menu .submenu{left:280px;width:calc(95vw - 280px);}
	.ag-sidebar section.ag-sidemenu-links1.ag-site-menu .ag-active .ag-submenu-inner{left:280px;}
}

@media screen and (max-width:768px) {
	.ag-sidebar{display:none;}
	.ag-sidebar.ag-active + .ag-menu-overlay {display:none;}
}


/* mobile header / nav  */
.header-mobile{
	.ag-submenu-title{display:none;}
	.ag-sub-banner-wrap{display:none;}
	ul#mobileVueNav{margin-bottom: 140px;}
}

.header-mobile .ag-sidebar-lower {
	background: var(--theme-color1);
	margin-top:auto; position: fixed; bottom:0; width: 100%; font-weight: 400;padding:1rem 0 1rem 2rem;
	.footer-links{
	> div {display:flex;flex-direction:column;}
	a{text-decoration:none;font-weight: 400; line-height: 1.6; height:auto; color: white}
	a:hover{color:var(--theme-color2)!important;}
	a span.ico{color:var(--theme-color2);width:1.3em;}
	a.sustainability span.ico{color:var(--theme-color4);}
	}

}






/* footer-2026 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */



 .ag-usp-strip{padding:1.5rem 0;position:relative;background:#E8ECEF;margin-bottom:0!important;color:#333;}
 .usp-strip{display:flex;gap:2vw;justify-content:space-between;align-items:center;}
 .usp-strip .usp-item {display:flex;gap:1rem;align-items:center;}
 .usp-strip .usp-item img{height:2rem;}
 .usp-strip .usp-item p{margin:0;font-size:var(--theme-font-size-standard);}
 .usp-strip .divider {width:1px;height:25px;flex-shrink:0;background-color:#b0b0b0;}
 .usp-strip .usp-item.slogan {display:flex;gap:1rem;font-family:var(--theme-font-header);color:var(--theme-color1);min-width:240px;}

@media screen and (max-width:1000px) {
	 .usp-strip{flex-wrap:wrap;gap:5px;align-items:flex-start ;}
	 .usp-strip .usp-item {width:30%;flex-wrap:wrap;justify-content:center;}
	 .usp-strip .usp-item:not(.slogan) img{height:3rem;}
	 .usp-strip .usp-item p {text-align:center;}
	 .usp-strip .usp-item.slogan {width:100%;justify-content:center;margin-bottom:1rem;}
	 .usp-strip .usp-item.slogan p{font-size:1rem;}
	 .usp-strip .divider {align-self:flex-end;margin-bottom:2rem}
	 .usp-strip .divider.one {display:none;}
}


footer.footer > *:not(.ag-usp-strip) {padding:0;}
footer.footer a:focus-visible, footer.footer a:hover {color:var(--theme-color2);}
footer.footer {background:var(--theme-color1);color:#fff;}
footer.footer .footer-wrap{display:flex;gap:4vw;justify-content:space-between;padding:5vmax 0;}
footer.footer .logo-area{width:28%;}
footer.footer .logo-area img{width:100%;max-width:250px;margin-bottom:4vmax;display:block;}
footer.footer .contact-line{display:flex;gap:0.5em;font-family:var(--theme-font-header);font-size:var(--theme-font-size-standard);}
footer.footer .contact-line .prefix{color:var(--theme-color2);}
footer.footer .contact-points.connect{display:flex;gap:0.6em;font-size:150%;margin-top:2rem;}
footer.footer .contact-points.connect a{opacity:0.7;}
footer.footer .contact-points.connect a:hover{text-decoration:none;opacity:1;}

footer.footer .locations{display:flex;gap:3vw;justify-content:space-between;}
footer.footer .locations h2{font-weight:normal;color:var(--theme-color2);font-size:clamp(1rem, 2vw, 1.4rem);}
footer.footer .locations p{margin-bottom:0.35em;font-size:var(--theme-font-size-standard);}
footer.footer .footer-lower{background:#013252;padding:2vmax 0 12px;}
footer.footer .ag-footer-tools{
	background:#013252;padding:0 0 1vmax; text-align: center;
	.tools a {
		padding-left: 1em; margin-left: 1em; position: relative;
		&.remote{color: var(--theme-color2);}
		&:first-child::before{display: none;}
		&::before{content:""; border-left: 1px solid white; position: absolute; left:0; height: 10px; top:0.4em;}

	}
}
footer.footer .footer-lower-wrap{display:flex;gap:0.5em;flex-wrap:wrap;justify-content:center;}


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

	footer.footer .logo-area{width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:0.5rem;}
	footer.footer .footer-wrap{flex-wrap:wrap;}
	footer.footer .footer-wrap > div {width:100%;}
	footer.footer .locations{justify-content:space-evenly; width:100%;}
	footer.footer .locations .branch{width:200px;}
}





.ag-footer-quicklinks {
	.ag-links-trigger{
		display:none; text-align: left; border-bottom:1px solid rgba(255,255,255,0.1); justify-content: space-between; background: rgba(0,0,0,0.15);
		&::after{content:"\f13a";font-family:FontAwesome;font-size:1em;font-weight:200;padding-right:0.2em;}
	}
	a{
		padding: 0.7em; color: #fff; border:border-radius: 3px;
		&:hover{text-decoration: none!important; color: #fff!important; background: rgba(0,0,0,0.15);}
	}

	.ag-links{
		font-size:var(--theme-font-size-standard);display: flex; flex-wrap: wrap; justify-content: center; margin: 0; padding: 0.5rem 0;
	}

	&.is-wrapped{
		.fw{width:100%;}
		.ag-links-trigger{display:flex;}
		.ag-links{padding-top: 0;}
		.ag-links a{ width:100%; border-bottom:1px solid rgba(255,255,255,0.1); display:none;}
	}



	&.is-wrapped.is-open{
		.ag-links a{ display:block;}
		.ag-links-trigger::after{content:"\f139";}
	}

}

















/* home 2025 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */


/* hero  */
body.ex-home .ag-hero-row{margin-bottom:0;}
body.ex-home .ag-hero{
	position:relative;height:calc(100dvh);background:linear-gradient(to top, rgb(0, 0, 0) 0%,#062b4c 45%);overflow:hidden;
	.cycle-slideshow{height:100%;width:100%;}
	.slide{
		height:100%;width:100%;display:flex!important;align-items:flex-end;overflow:hidden;
		.deco{
			position:absolute;width:100%;height:100%;top:0;left:0;opacity:0.25;xx-mix-blend-mode:overlay;z-index:1;z-index:1;
			img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transform:scale(1.2);transition:transform 12s linear;z-index:1;}
			video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;}
		}
		&.cycle-slide-active .deco{
			img{display:block;transform:scale(1);z-index:2;}
			video{display:block;z-index:2;}
		}
	}
}


body.ex-home .ag-hero .hero-pager{
	position:absolute;bottom:0;left:0;font-size:clamp(0.6rem, 2.5vw, 2rem);width:100%;z-index:150;display: flex;
	a{
		color: white; display: flex; position: relative; width:calc(20% - 2px); justify-content: center; align-items: center; padding:1em; border-left:2px solid white; font-weight: 500;
		&.cycle-pager-active{color: var(--theme-color2);}
		&:first-child{border-left:none;}
		&::after{content:' '; position: absolute; background: var(--theme-color2); width:100%; max-width: 0; height: 6px; bottom:0; transition:max-width 750ms ease-in-out;}
		&:hover{color: var(--theme-color2); text-decoration: none}
		&:hover::after{max-width:100%;}
		&:last-child{display:none;}
	}

	@media (width <=600px) {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows: repeat(2, 1fr);
		gap: 0;
		bottom:5vh;
		padding: 0 3vw;
		a{
			width:100%;padding:0.5em; white-space: nowrap;
			&:nth-child(4){border-left: none;}
			&:nth-child(-n+3){border-bottom:1px solid white;}
			&:last-child{display:flex;}
			font-size: 150%;
		}
	}
}

body.ex-home .ag-hero .lower{
	display:flex;flex-wrap:nowrap;position:relative;z-index:2; height: 100%; align-items: center;
	.intro{
		max-width:650px;z-index:120;
		h1{font-family:var(--theme-font-header);color:#fff;font-size:clamp(1.8rem, 3vw, 2.5rem);border-bottom:2px solid white;margin-bottom:0.5em;padding-bottom:0.2em;}
		p{color:#fff;font-size:var(--theme-font-size-standard);}
	}


	@media (width <=400px) {
	.hero-intro-desc p{display:none;}
	}
}






.active-group-intro{background:#E8ECEF;padding:7vh 0;position:relative;padding-bottom:calc(7vh + 65px);margin-bottom:0!important;}
.active-group-intro h2{font-size:clamp(2rem, 3vw, 3.5rem);}
.active-group-intro h2 span{display:block;}
.active-group-intro .btn-brick.text-only .ico{font-size:200%;}




.ag-cats-row{
	background:#fff;padding:5vh 0;position:relative;margin-bottom:0!important;
	.ag-cats{
		display:flex;flex-wrap:wrap;gap:18px;
		.ag-item{
			display:flex;flex-direction:column;width:calc(33.3% - (36px / 3));position:relative;aspect-ratio:1 / 1;max-height:340px;justify-content:flex-end;text-decoration:none;border-radius:20px;overflow:hidden;
			h2{color:#fff;font-size:clamp(1rem, 2.2vw, 2.5rem);font-family:var(--theme-font-headerlight);font-weight:400;position:relative;padding-bottom:0;margin-bottom:0;transition:all 0.75s ease;}
			h2:after{content:'';position:absolute;width:0px;height:2px;background:#fff;left:0;bottom:0;opacity:0.2;transition:width 0.01s linear;}
			img{width:100%;height:100%;object-fit:cover;object-position:center;position:absolute;z-index:0;}
			.takeover{
				background:rgba(var(--theme-color1-rgb),0.8);position:relative;transition:max-height 0.75s ease;max-height:160px;overflow:hidden;
				.inner{padding:0.5rem 1rem;}
				.details{max-height:0;overflow:hidden;color:#fff;opacity:0;transition:max-height 0.75s linear, opacity 0.4s linear;font-size:var(--theme-font-size-standard);}
			}

			&.intro {
				h2 {margin-bottom:1rem;padding-bottom:0.75rem;font-size:clamp(1.5rem, 3.5vw, 4rem);color:var(--theme-color2);}
				p{font-size:var(--theme-font-size-standard);line-height:1.3;margin:0;}
			}
			&:hover{
				text-decoration:none;
				.takeover {max-height:400px;}
				.takeover .details {max-height:200px;opacity:1;}
				h2{margin-bottom:1rem;padding-bottom:0.75rem;}
				h2:after{width:100%;transition:width 0.75s ease;}
			}
		}

		@media (width < 850px) {
			.ag-item { width:calc(50% - (18px / 2));}
		}
		@media (width < 460px) {
			.ag-item { width:100%;aspect-ratio:1.25 / 1;}
			.ag-item.intro {aspect-ratio:auto;}
		}
	}
}










.ag-logo-reel{color:#fff;margin:7vh 0;margin-bottom:calc(7vh + 65px)!important;}
.ag-logo-reel h2{color:var(--theme-color1);text-align:center;font-size:clamp(1.8rem, 3.5vw, 4rem);margin-bottom:0.7em;}
.ag-logo-reel .swiper-wrapper {transition-timing-function:linear!important;}
.ag-logo-reel .swiper {width:100%;height:100%;}
.ag-logo-reel .swiper-slide {display:flex;justify-content:center;align-items:center;width:200px;height:90px;}
.ag-logo-reel .swiper-slide img {display:block;height:100%;width:100%;object-fit:contain;object-position:center;padding:0 2vw;filter:grayscale(100%);}








.ag-why-row{position:relative;background:var(--theme-bg-light);padding:7vh 0;margin-bottom:0!important;}
.why-intro{text-align:center;padding-bottom:1rem;max-width:850px;margin:auto;}
.why-intro h2{color:var(--theme-color1);font-size:clamp(1.8rem, 3.5vw, 2.8rem);}
.why-wrap{display:flex;gap:20px;flex-wrap:wrap;}
.why-wrap .why-pill{display:flex;flex-direction:column;background:var(--theme-color2);flex-basis:calc(25% - (60px / 4));border-radius:20px;overflow:hidden;box-shadow:0 0 10px rgba(0,0,0,0.1);min-height:0;}
.why-wrap .why-pill .image{aspect-ratio:1.66 / 1;border-bottom:4px solid var(--theme-color2);flex-shrink:0;min-height:0;width:100%;}
.why-wrap .why-pill .image img{width:100%;height:100%;object-fit:cover;object-position:center;border-bottom-right-radius:40px;}
.why-wrap .why-pill .content {background:#fff;border-top-right-radius:40px;padding:2rem 1.5rem;height:100%;display:flex;flex-direction:column;}
.why-wrap .why-pill .eyebrow {text-transform:uppercase;font-size:var(--theme-font-size-standard);}
.why-wrap .why-pill h3 {font-size:clamp(1.1rem, 2vw, 1.7rem);font-family:var(--theme-font-headerlight);font-weight:400;}
.why-wrap .why-pill p.details {flex-grow:2;align-content:flex-end;}


@media screen and (max-width:900px) {
	.why-wrap .why-pill {flex-basis:calc(50% - (20px / 2));}
	.why-wrap .why-pill h3 {font-size:clamp(1.1rem, 3vw, 1.7rem);}
}
@media screen and (max-width:480px) {
	.why-wrap .why-pill {flex-basis:100%;}
}


.ag-open-account-cta{
	background:var(--theme-bg-light);
	.open-account-cta{
		display: flex; justify-content: center;
		position:relative; z-index: 5;
		a {position:relative; margin-top: -2rem;}

	}
}


.ag-testimonials-wrap {position:relative;background:var(--theme-bg-light);padding:12vh 0;}
.ag-testimonials {position:relative;height:60vh;}
.ag-testimonials .cycle-slideshow{height:100%;width:100%;display:flex;flex-direction:column-reverse;}
.ag-testimonials .slide{height:100%;width:100%;justify-content:space-between;display:flex!important;}
.ag-testimonials .slide .deco{width:40%;height:100%;}
.ag-testimonials .slide .content{width:55%;height:100%;display:flex;flex-direction:column;border-top:3px solid #ccc;border-bottom:3px solid #ccc;padding:1rem 0;}
.ag-testimonials .slide .logo{height:15%;max-width:50%;}

.ag-testimonials .slide .deco .deco-inner{display:inline-block;position:relative;height:100%;}
.ag-testimonials .slide .deco .deco-inner:before{content:" ";background:var(--theme-color2);width:50%;aspect-ratio:1 / 1;position:absolute;z-index:-1;top:-2vw;left:-2vw;border-radius:20px;}
.ag-testimonials .slide .deco img{width:100%;height:100%;object-fit:contain;object-position:left top;border-radius:20px;}
.ag-testimonials .slide .logo {margin-bottom:5vh;text-align:left;}
.ag-testimonials .slide .logo img{width:100%;height:100%;object-fit:contain;object-position:left;}
.ag-testimonials .slide .statement {font-size:var(--theme-font-size-standard);line-height:1.6;}
.ag-testimonials .slide .statement .quote{font-size:200%;	line-height:0;	vertical-align:-0.4em;color:var(--theme-color2);}
.ag-testimonials .slide .client-name {font-weight:600;}


.ag-testimonials-wrap .nudgers {position:absolute;z-index:120;	font-size:1rem;	color:var(--theme-color2);	cursor:pointer;display:flex;gap:10px;top:10px;right:0;}
.ag-testimonials-wrap .nudgers > div {border-radius:50%;width:2em;height:2em;background:var(--theme-color2);color:#fff;display:flex;justify-content:center;align-items:center;user-select:none;}
.ag-testimonials-wrap .nudgers > div:hover {background:var(--theme-color1);}
.ag-testimonials-wrap .slide-pager {position:absolute;bottom:-35px;z-index:120;	font-size:1rem;	color:var(--theme-color2);	margin-left:45%;	cursor:pointer;display:flex;gap:10px;}
.ag-testimonials-wrap .slide-pager .cycle-pager-active {color:var(--theme-color1)}

@media screen and (max-width:600px) {
	.ag-testimonials {height:700px;}
	.ag-testimonials .slide{flex-wrap:wrap;justify-content:center;align-content:center;}
	.ag-testimonials .slide .deco{height:auto;width:100%;max-width:300px;max-height:300px;margin-bottom:2rem;display:flex;justify-content:center;}
	.ag-testimonials .slide .content{width:100%;height:auto;}
	.ag-testimonials .slide .logo{height:100px;max-width:100%;}
	.ag-testimonials .slide .logo img{object-position:center;}
	.ag-testimonials-wrap .nudgers{right:auto;top:-70px;display:flex;width:100%;justify-content:center;}
	.ag-testimonials-wrap .slide-pager {bottom:-45px;margin-left:0;width:100%;display:flex;justify-content:center;}
}
@media screen and (max-width:400px) {

	.ag-testimonials .slide .logo{height:70px;}
}





.ag-staff-reel{background:#fff;xx-margin:7vh 0;padding-top:7vh;padding-bottom:4vh; display: none;}
.ag-staff-reel h2{color:var(--theme-color2);text-align:center;font-size:clamp(1.8rem, 3.5vw, 4rem);margin-bottom:0.7em;}
.ag-staff-reel .swiper {width:100%;height:100%;}
.ag-staff-reel .swiper-slide {display:flex;justify-content:center;align-items:center;width:250px;height:260px;}
.ag-staff-reel .staff-card {padding:0 10px;display:flex;flex-direction:column;gap:20px;width:100%;}
.ag-staff-reel .image {width:150px;height:150px;margin:auto;position:relative;border-radius:50%;display:flex;justify-content:center;align-items:center;}
.ag-staff-reel .image img {width:calc(100% - 15px);height:calc(100% - 15px);display:block;object-fit:cover;object-position:center;border-radius:50%;filter:grayscale(100%);z-index:2;position:relative;border:3px solid #fff;}
.ag-staff-reel .details {text-align:center;}
.ag-staff-reel .details h3 {font-size:clamp(1.1rem, 2vw, 1.7rem);font-family:var(--theme-font-headerlight);font-weight:400;color:var(--theme-color2);padding-bottom:0;}
.ag-staff-reel p.title {font-family:var(--theme-font-body);color:#777;margin-bottom:0;}

@property --end-angle {syntax:'<angle>';inherits:false;initial-value:270deg;}
.ag-staff-reel .image::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;z-index:1;transition:--end-angle 0.5s ease-in-out, all 0.5s ease-in-out;
background:conic-gradient(
				var(--theme-color1) 0deg,
				var(--theme-color1) var(--end-angle),
				var(--theme-color2) var(--end-angle),
				var(--theme-color2) 360deg);
}
.ag-staff-reel .staff-card:hover .image img{filter:grayscale(0);}
.ag-staff-reel .image:hover::before {--end-angle:90deg;transform:rotate(-90deg);}

.ag-staff-reel .nudgers {position:absolute;z-index:120;	font-size:1rem;	color:var(--theme-color2);	cursor:pointer;display:flex;justify-content:center;width:100%;gap:10px;bottom:-2.5rem;}
.ag-staff-reel .nudgers > div {border-radius:50%;width:2em;height:2em;background:var(--theme-color1);color:#fff;display:flex;justify-content:center;align-items:center;user-select:none;}
.ag-staff-reel .nudgers > div:hover {background:var(--theme-color2);}




.common-cta-wrap{padding:5vh 0;width:100%;overflow:hidden;}
.common-cta{display:flex;min-height:340px;}
.common-cta .detail{width:45%;justify-content:center;display:flex;flex-direction:column;}
.common-cta .detail h2{color:var(--theme-color1);font-size:clamp(1.8rem, 3vw, 2.5rem);}
.common-cta .detail h3{color:var(--theme-color2);font-size:clamp(1.4rem, 2.2vw, 1.9rem);}
.common-cta .deco{width:50%;}
.common-cta .deco-images {position:absolute;display:grid;grid-template-columns:repeat(3,1fr);top:0;left:55%;gap:20px;}
.common-cta .image-group {max-width:300px;width:15vw;height:160px;position:relative;border-radius:20px;overflow:hidden;}
.common-cta .image-group img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:1s all;}
.common-cta .image-group:nth-child(n+4) {transform:translate(-33%);}
@media (width <= 950px) {
	.common-cta{flex-wrap:wrap;gap:40px;}
	.common-cta .detail {width:100%;align-items:center;}
	.common-cta .detail h2{text-align:center;}
	.common-cta .detail h3{text-align:center;}
	.common-cta .detail p{text-align:center;}
	.common-cta .deco-images {position:relative;width:calc(100vw + 170px);left:-80px;}
	.common-cta .image-group {width:auto;max-width:380px;height:185px;}

}


/* division landers ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* supplies */
.ag-lander .ag-staff-reel{background:var(--theme-bg-light);}
.ag-lander .inv-challenge-row {background:var(--theme-bg-light);padding:5vh 0;}









/* prod/cat grid layout & product filters ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
body.no-breadcrumbs .catalog-grid{position:relative;xx-z-index:3;margin-top:0;}
body.no-breadcrumbs .catalog-grid >.container > .row{margin-top:-30px;}

/* remove space in crumbs */
.ag-breadcrumbs{
	.container{
/*		>.row-wrapper >.row{margin:0;}
	width:100%;max-width: 1480px; padding: 0 30px;*/
	.breadcrumbs_container #breadcrumb {margin-bottom:0; font-size:0.9rem;}
	.breadcrumb > li + li::before {content:"/";padding:0;}
	.breadcrumb > li + .first_link::before {padding-left:0;}
	}

}


.catalog-grid .ag-filters{
	margin-bottom:0;margin-top:0;
	>.row{margin:0;}
	.filters_container {background-color:var(--theme-bg-panel-light1);border-radius:20px;padding: 20px 20px 10px;}
	#filterswrapperhorizontal{
		.btn-group{
			vertical-align: unset; margin-bottom: 0;
			.btn.btn-filter,.btn-filter-more{
				border-radius:8px;border:none; padding:0 3px 0 0; height: 32px;
				.btn-icon{margin-left:0;}
				.btn-label{font-weight:400;font-size:0.8rem;}
			}
			.dropdown-menu{
				font-size:0.9rem;
				.fa-square-o::before {color:#ccc;}
				.tr-filter:hover .fa-square-o::before {content:"\f14a";color:#888;}
				.fa-check-square::before{color:var(--theme-color1);}
			}
		}

		.row-filter-toggles{
				display:inline-block;
				> div{display:flex; gap: 20px;}
				.vertical-line{display:none;}
			.filter-section{
				margin: 0; padding-bottom: 0; display: flex; align-items: center; gap:6px; height: 32px; border-bottom: none;
				h5 {font-size: 80%; font-family: var(--theme-body-text); font-weight: 400; margin: 0; padding: 0;}
				label {margin: 0;}
			}
		}
	}

	&.sticky{
		position: sticky;	z-index: 50;top:var(--theme-header-height);
		&.is-stuck{
			.filters_container {
				background-color:var(--theme-bg-panel-light1);border-radius:0;padding: 6px 20px 4px;}
			&::before {
				content: "";position: absolute;top: 0; bottom: 0;
				left: 50%; right: 50%;  width: 100vw;
				margin-left: -50vw; margin-right: -50vw;
				background: var(--theme-bg-panel-light1);
				box-shadow: 0 4px 15px rgba(0,0,0,0.15);
				z-index: -1;
			}
		}
	}



	@media (width < 992px){
		margin-top:0;
		> .row{margin-bottom:0;}
		.filters_container{padding:0;background:none;}
	}
}


.no-sidebar .ag-filters.sticky,.modal-open .ag-filters.sticky{position:initial ;}








body.no-filterbar .ag-products .filterby{
	background-color:var(--theme-color2);padding:0;border-radius:8px;border:none;
	a{color:white;text-decoration:none;padding:0.4em 0.8em;display:block;}
	&:hover{background-color:var(--theme-color1);}

	@media (width <= 768px){
		a {border:none;padding:0.8em 0.8em;}
	}
}


.gridtools.load-more-infinite-scroll.fixed-bottom{
	padding:5px 0; font-size: 0.8rem;
}



/* search results ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
.ex-searchresult{
	.page-content{min-height: 50vh}
	.catalog-grid{margin-top: 0;}
	.ag-products .productsgrid_container{margin-top:20px;}
}

/* product cards ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
.ag-products .productsgrid_container{margin-top:0;}
.ag-products .gridtools .listgrid {display:none;}

.ag-products .product.tileparent {
	border-top:1px solid #ddd;font-weight:400;position:relative;margin:0;padding:0;
	&.tileparent_placeholder{display:none;}
	&.tile_no_border::after{display:none;}

	&::after {content:' ';height:calc(100% - 30px);width:1px;background:#ddd;position:absolute;right:0;top:15px;}
	&:nth-child(4n)::after {background:none;}

	@media (width <= 1200px) {
		&:nth-child(4n)::after {background:#ddd;}
		&:nth-child(3n)::after {background:none;}
	}
	@media (width <= 992px) {
		&:nth-child(3n)::after {background:#ddd;}
		&:nth-child(2n)::after {background:none;}
	}
	@media (width <= 768px) {
		&::after {display:none;}
	}
}


.ag-products .productsgrid_container .product.tileparent .tile{
	border:none!important;padding:20px;

	.price-from + .price-label::before {content:"from ";color:#3e3e3e;font-weight:400;font-size:.75rem;}
	.price-from{display:none;}

	.product-tile-image{opacity:1;}
	.imgthumbnail{background:var(--theme-bg-panel-light1);aspect-ratio:1.33 / 1;height:auto;opacity:1;border-radius:20px;}
	.imgthumbnail img{width:100%;height:100%;	object-fit:contain;mix-blend-mode:multiply;max-width:none;max-height:none;}
	.product-name{font-weight:400;font-size:var(--theme-font-size-standard);line-height:1.4;height:4.2em;overflow:hidden;}
	.product-name a{text-decoration:none;}
	.product-stock{display: none;}
	.list-attribute.product-category{display:none;}
	.list-attribute.divquickview{display:none!important;}
	.brand-label{display:none;}
	.indicators-grid{display:none;}
	.uom.uomblock {display:none!important;}
	.price-label{color:var(--theme-color2);}
	.price-label-inc-vat{display:none;}
	.buttons{display:none;}
	.product-compare-action{display:none;}
	.footer{min-height:auto;}
	.footer-wrapper{
		height:auto!important;min-height:auto;
		.in-stock{display: none;}
		.rrp{display: none;}
	}
	&::after{content:' ';height:5px;width:0;background:var(--theme-color1);position:absolute;bottom:0;left:0;transition:all 0.2s ease;}

	&:hover{
		&::after{width:100%;transition:all 1s ease;}
		.imgthumbnail{background:var(--theme-bg-panel-light2);}
	}

}



.badges-wrapper{
	.ribbon-wrapper.on_contract{
		top:0;
		.ribbon > span:before{content:"\f023";font-family:FontAwesome;}
		.ribbon span.label-text{display:none;}
	}
}



/*fixes for related items on a product page */
.productsrelated_container .catalog-single.has-grid{
	margin-top:1rem;
	#grid{margin-top:0;}
	h3 {padding-bottom:0;color:var(--theme-color1);font-size:1.2rem;}
	.tile{margin-top:0;padding-left:8px!important;padding-right:8px!important;}

	@media (width <= 1200px) {
		.tileparent.col-md-4 {width:33.33333333%;}
	}
	@media (width <= 992px) {
		.tileparent.col-sm-6 {width:50%;}
	}
	@media (width <= 460px) {
		.tileparent.col-sm-6 {width:100%;}
		.tile{padding-left:0!important;padding-right:0!important;}

	}
}






/* category cards ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

.ex-category{
	.ag-header {min-height:300px; height:30vh;padding-bottom:40px;}
	.catalog-grid{margin-top: 0;}
	.ag-breadcrumbs.top-overlap{
		padding-top:2rem;background:white;
		#breadcrumb{margin-bottom:0;}
	}



	.zonetop .subcategorieslist_container{display:none;}
	.ag-cats > .row{
		margin-top:0; width:100%;
		.subcategorieslist_container{margin-top:0;}
	}
	.ag-cats .subcategorieslist_container .tile a {
		display:flex;gap:10px;x-padding:0;background:var(--theme-bg-panel-light1);border-radius:10px;align-items:center;padding:15px;border:2px solid transparent;
		figure {background-color:transparent;padding:0;height:70px;min-width:40px;}
		p{display:flex;align-items:center;width:100%;justify-content:space-between;font-weight:400;font-size:var(--theme-font-size-standard);transition:none;}
		p::after {content:" ";display:block;width:8px;height:8px;	border-top:2px solid #2a4857;border-right:2px solid #2a4857;transform:rotate(45deg);margin-left:20px;	flex-shrink:0;}

		&:hover{
			border:2px solid var(--theme-color1);background:var(--theme-bg-panel-light2);
			p{color:initial;}
		}
	}


}

/* Product page ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

.ex-product{

.ag-breadcrumbs{
	.container{
		>.row-wrapper >.row{margin:0;}
		width:100%;max-width: 1480px; padding: 0 30px;
	}

}

	.catalog-single{padding-top: 0;}
	.ag-product-row {
		>.row{
			margin-top: 0;
			> .htmlcontent_container{margin-top: 0;}
		}
		h1.product-name{color:var(--theme-color1);font-family:var(--theme-font-body);text-transform:uppercase;font-weight:700;font-size:clamp(1.2rem, 2.5vw, 1.9rem);padding-bottom:1em;	}
		.ag-image .icons-block a {position:relative;color:var(--theme-color1);font-size:66%;}
	}

	&.no-sidebar {
		.catalog-single {text-align:left;}
		.product-points ul {margin-left:0;padding-top:0;}
	}

	&.hamburger-on{
		.catalog-single {padding:0 15px;}
	}
}




.ag-product-row .ag-product {
	display:grid;
	grid-template-columns:minmax(250px, 400px) minmax(280px, 500px) auto;
	gap:5vw;

	@media (width <= 1000px) {
		grid-template-columns:repeat(2, 1fr);
		.ag-details {grid-column:1 / -1;order:3;}
		.ag-additem {order:2;}
	}

	@media (width <= 600px) {
		grid-template-columns:1fr;
		.ag-image {order:1;}
		.ag-additem {order:2;}
		.ag-details {grid-column:auto;order:3;
		}
	}
}


.ag-product .ag-image .productimage_container .main-image {
	.product-lightbox-open {left:16px;bottom:18px;box-shadow:none;border-radius:3px;border:1px solid #ececec;width:30px;height:30px;}
	.ms-container{height:100%!important;margin:0;}
	.prod-gal{margin-bottom:155px!important;}
	.ms-thumb-list {
		height:140px!important;bottom:-155px !important;position:absolute!important;width:100%;overflow:hidden;
		.ms-thumbs-cont {
			width:max-content !important;display:flex;flex-wrap:wrap;gap:8px;
			.ms-thumb-frame{
				opacity:1;border:2px solid transparent;margin:0;width:120px!important;height:120px!important;background:var(--theme-bg-light);
				&.ms-thumb-frame-selected{border-color:var(--theme-color1);}
			}
		}
	}
}


.ag-product .ag-details{
	.prod-code .label-focus{background:var(--theme-bg-light);color:var(--theme-body-text);font-weight:400;}
	.fa-leaf{color:var(--theme-color4);}
	.product-points-wrapper{margin:0;
		.product-points{
			padding:1rem 0 0;margin-top:1rem;border-top:1px solid var(--theme-bg-light);
			ul{position:relative;padding-left:1rem;}
			li{max-width:none;}
			.has-more::before{bottom:0;}
			a.btn-brick{
				display:inline-flex;width:auto;
				&:focus{color:white;}
				&::after {content:" \25b2";font-family:sans-serif;}
			}
			ul.has-more + a.btn-brick::after {content:" \25bc";}
		}
	}
}


.ag-product .ag-additem{
	.grid-inner{position:sticky;top:90px;}
	h1.product-name{color:var(--theme-color1);font-family:var(--theme-font-body);text-transform:uppercase;font-weight:700;font-size:clamp(1rem, 2.5vw, 1.4rem);}
	.productaddtocart_container{
		background:var(--theme-bg-light);padding:20px;border-radius:8px;
		.price{
			font-size:1rem;
			.price-area{align-items:baseline;}
			.has-price{font-size:1.5rem;color:var(--theme-color2);}
			.uom {font-weight:400;font-size:.75em;color:var(--theme-body-text);margin:0 0 0 0.5em;}
		}
		.product-price-rrp {display: none;}
		.price-label-inc-vat{display:none;}
		.product-shopping-actions{margin:0!important;padding:0;}
		.product-stock-wrap .product-stock{text-align: left;}
		.buttons.group {
			margin:20px 0 0;gap:0;display:flex;align-items:center;flex-wrap:nowrap;
			.live-inventory-v2-add-to-cart-wrapper{max-width:none;}
			.qnt-count{
				padding:0;display:flex;justify-content:space-between;align-items:center;width:auto;border:none;border-radius:0;
				.incr-btn {background-color:#fff;color:#3e3e3e;height:42px;line-height:42px;font-size:.75em;transition:all .35s;border-radius:0 3px 3px 0;position:relative;left:auto;top:auto;right:auto;transform:none;width:30px!important;}
				.incr-btn:first-child {border-radius:3px 0 0 3px;}
				.qnt-count {padding:0;display:flex;justify-content:space-between;align-items:center;position:relative;}
				.inputquantity {margin:0;height:42px;width:42px;font-size:.75em;border:0;z-index:1;padding:3px;}
			}
			.btn-add-to-cart{
				margin:0;flex-grow:1;border-radius:0;	min-height:42px;	font-weight:400;	font-size:.875em;transition:.35s all;white-space:nowrap;border:none;
				i.fa-shopping-bag{display:none;}
			}
			.live-inventory-v2-wrapper{display:none;}
			&::after{display:none;}
		}
		.product-tools-wrap{
			display:flex;margin:10px 0 0;justify-content:space-between;align-items:center;
			.product-shopping-actions-addtoquicklist{
				a{color:var(--theme-body-text);font-size:0.875em;}
				i.fa {display:none;}
			}
			.product-compare-action {padding:0;border:0;margin:2px 0 0;font-size:.875em;cursor:pointer;}
			.fa-square-o {width:15px;height:15px;border:1px solid #ececec;background-color:#fff;position:relative;left:6px;top:2px;}
			.fa-square-o::before{display:none;}
			.fa-check {color:#2a4857;font-size:.7em;}
		}
	}
	.product-configurable-wrapper{
		.option-group > label{color:var(--theme-color1);}
		.option-group-values{display:flex;flex-wrap:wrap;gap:4px;}
		.option-group-radiobox{margin-right:7px;}
		.option-group-radiobox:last-child{margin-right:0;}

	}
}


.ex-product #accordion{
	.panel-heading{
		background:var(--theme-bg-light);
		h3 {font-size:1.1rem;color:var(--theme-color1);}
	}
	.panel-border{border-left:1px solid #eaeaea!important;}
	.tech-specs{
		font-size:0.9rem;
		.item{
			&:nth-child(2n+1) {background-color:transparent;}
			&:not(:last-child) {border-bottom:1px solid #e8e8e8;}
		}
	}

}



/* contact page ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

.ag-contact .active-contact-intro{
	background:white;padding-top:5vh;
	h2{font-size:clamp(2.5rem, 4vw, 4rem);}
	.contactform_container{
		background:var(--theme-color1);color:white;padding:1rem;margin-top:calc(-5vh - 4rem);border-radius:10px;background:linear-gradient(to top, var(--theme-color1) 0%,#184a74 55%);
		h1 {color:white;}
		label {color:white;margin-bottom:0.2em;}
		.form-button{display:flex;justify-content:space-between;gap:5px;align-items:center;margin-top:10px;}
		textarea{min-height:5lh;max-height:8lh;field-sizing:content;resize:vertical;}
	}

	@media(width <= 992px){
		h2{font-size:clamp(2.5rem, 5.5vw, 4rem);}
		.col2-text-image.deco-top .deco {order:2;}
		.contactform_container{margin-top:0;}
	}
}

.ag-form{
	.form-row{display:flex;gap:1rem;margin-bottom:0.5rem;color:var(--theme-color1);}
	.form-group{width:100%;}
	.form-control.auto-selected{border:2px solid var(--theme-color2);background:color-mix(in srgb, var(--theme-color2), white 80%);font-weight:600;}
	@media (width <= 500px){
		.form-row{flex-wrap:wrap;gap:0.75rem;margin-bottom:0.75rem;}
		.form-group{margin-bottom:0;}
	}
}

.g-recaptcha {width:auto;}

.ag-locations{padding-bottom:7vmax;}

.ag-faqs{padding-bottom:7vmax;}


/* About us ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */



.ag-about{
	.introduction{ padding-top:7vmax;}



	.ag-timeline{
		padding: 7vmax 0; position: relative;
		h2 {font-size: clamp(1.8rem, 4vw, 2.8rem);}
		.nudgers {
			font-size:1rem;	color:var(--theme-color2);	cursor:pointer;display:flex;justify-content:center;width:100%;gap:10px; padding: 1rem 0 2rem;
			> div {border-radius:50%;width:2em;height:2em;background:var(--theme-color1);color:#fff;display:flex;justify-content:center;align-items:center;user-select:none;}
			> div:hover {background:var(--theme-color2);}
		}
		.swiper {
			height: 100%; width:100%;
			.swiper-wrapper{height: 100%;}
			.swiper-slide{
				display: flex; user-select: none; width: 100%; max-width: 700px; padding-bottom: 30px; padding-left: 5vw;
				&:first-child{padding-left: 0;}
			}
			.timeline-item{
				display: flex; flex-direction: column; position: relative; padding-left: 10px;
				.timeline-item-top {
					width: 100%;position: relative;z-index: 1;
					.year { padding-bottom:40px; font-weight:700; color:var(--theme-color1); font-size:1.2rem }
					&::before {content: "";background: url(https://eu.evocdn.io/dealer/1932/content/media/icons/timeline-year-dot-orange.svg) no-repeat left; background-size: contain; height:40px; width:40px;position: absolute;top:30px;left: -5px;}
					&::after {content: "";background: linear-gradient(to left,rgba(255,145,36,0),var(--theme-color2));height: .0625em;width:calc(100% + 10px + 5vw);position: absolute;top: 50px;left: 35px;bottom: 0;}
				}
				.timeline-item-main{
					position: relative;padding-top: 1rem;
					img {max-width:250px; max-height: 160px;}
				}
			}
			.swiper-scrollbar{}
		}

	}


}


/* ECO Range ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
.ag-eco-range{
	.ag-header-row{margin-bottom: 2rem;}

}


/* ink toner ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

.ag-ink-toner-finder{

	.inktonerfinderwidget{
		margin: 0;
		.inktonerfinder_wrapper{padding: 5vmax 0;}
		.horizontal_layout_row{gap:12px; justify-content: center;}
		.horizontal_title{white-space: nowrap; margin-left: 0;}
		form{display: flex; gap:10px}
	}


	.ink-brands {
		margin-top:2rem; margin-bottom: 50px;

		ul{display:flex;flex-wrap:wrap;justify-content:space-between;list-style:none;padding:0;margin:0;}
		ul li{width:20%;}
	}

}


/* Help pages  ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
.ag-info-pages{
	.ag-header-row{margin-bottom: 4vmax;}
	.catalog-grid.cp-desktop >div >div{
		display:flex; gap:2.5vw; max-width: 1700px; padding: 0 3%;
		.filter-container{width: 23%; max-width: 270px; flex-shrink: 0; border-right: 1px solid var(--theme-bg-light); padding-right: 1rem; background:var(--theme-bg-panel-light1); padding: 1em;}
		li {
			padding: 0.25em 0; margin: 0; width:100%;
			a{
				color: var(--theme-body-text); border-radius: 5px; width: 100%; padding: 0.55em 0.4em; display: flex; gap: 5px; align-items:flex-start;
				&::before{content:"\f096";font-family:FontAwesome; color: var(--theme-color1);}
				&:hover{ background:rgba(0,0,0,0.15); text-decoration:none;
					&::before{content:"\f0c8";}
				}
			}
		}

		@media (width < 769px) {
			flex-wrap: wrap;
			.filter-container{
				width: 100%; max-width:none;
				.quicklinks{border-top:none;}
				.quicklinks ul{
					max-height: none;
					a{opacity: 1; visibility: visible;}
				}
			}
		}

	}

}


/* price promise  ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

.ag-price-promise{
	.floating-para { text-align:center;max-width:1000px;margin:3rem auto; position: relative;}

	.introduction{
		margin-top: 2rem; margin-bottom: 5vmax;
		.deco{
			img {width:400px; margin-top: -3rem; z-index: 2; position: relative;}
		}
		@media (width < 900px) {
			.deco{align-items: flex-end;}
			.text{ margin-top:-20vw; display:relative; z-index:3;}
		}

		@media (width < 500px) {
			.text{ margin-top:-10vw;  }
		}
	}

	.price-promise-how-to-claim {
		h2 { font-weight:600;font-size:2.3rem;text-align:center; margin-bottom: -1.5em;}
		.three-steps { flex-wrap:nowrap;max-width:1200px;justify-content:space-between;margin:0 auto 2rem;}
		.three-steps .flex-item { width:30%;}
		.three-steps .flex-item .wrapper { border:3px solid #cd223f;border-radius:1rem;width:180px;height:180px;display:flex;margin-bottom:2rem;margin-left:15%;justify-content:center;align-items:center;}
		.three-steps .flex-item .wrapper img { display:block;margin:auto;max-width:115px;}
		.three-steps .flex-item .flex-container { flex-wrap:nowrap;justify-content:space-between;}
		.three-steps .flex-item .flex-container .number { height:30px;width:30px;background:#cd223f;border-radius:50%;color:#fff;text-align:center;font-size:20px;line-height:30px;}
		.three-steps .flex-item .flex-container .text { width:85%;}
		.three-steps .flex-item .flex-container .text h3 { font-weight:600;}

		@media (width < 870px) {
			.three-steps { flex-wrap:wrap;}
			.three-steps .flex-item { width:100%;margin:0 auto 1.5rem;}
			.three-steps .flex-item .wrapper { width:160px;height:160px;margin-left:auto;margin-right:auto;margin-bottom:0.8rem;}
			.three-steps .flex-item .flex-container { flex-wrap:wrap;text-align:center;}
			.three-steps .flex-item .flex-container .number { margin-bottom:10px;}
			.three-steps .flex-item .flex-container .text { width:100%;}
			.three-steps .flex-item .flex-container .text h3 { padding-left:20px;padding-right:20px;}
			.three-steps .flex-item .flex-container .text p { padding-left:20px;padding-right:20px;max-width:550px;margin-right:auto;margin-left:auto;}
		}

	}


	.price-promise-important-bits{
		border-bottom-left-radius:2rem; border-bottom-right-radius:2rem; overflow:hidden; padding-top:60px;margin-bottom:2rem;

		.grey-panel { border-top-left-radius:2rem;border-top-right-radius:2rem;background:#eeeeee;}
		.grey-panel .flex-container { flex-wrap:nowrap;justify-content:space-between;}
		.grey-panel .flex-item:first-child { width:50%;padding:3rem 0 3rem 2rem;}
		.grey-panel .flex-item:last-child { width:30%;position:relative;}
		.grey-panel .flex-item:last-child img { position:absolute;right:0;bottom:0;height:110%;max-width:none;}
		.grey-panel h3 { color:#00a3e0;font-weight:600;font-size:2.3rem;}
		.grey-panel ul { padding:0;margin-left:30px;font-size:20px;line-height:30px;}
		.grey-panel ul li { padding:5px 0 5px 20px;}

		@media (width < 1360px) {
			.grey-panel .flex-item:last-child { width:50%;}
			.grey-panel .flex-item:last-child img { height:auto;width:90%;display:block;margin:0 auto;}
		}

		@media (width < 990px) {
			.grey-panel .flex-container { flex-wrap:wrap;}
			.grey-panel .flex-item:first-child { width:100%;padding:3rem 2rem 3rem 2rem;}
			.grey-panel .flex-item:last-child { width:100%;}
			.grey-panel .flex-item:last-child img { position:relative;height:auto;width:80%;margin:0 auto;display:block;}
		}

	}




}

/* gemini lander ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

.gemini h1, .gemini h2, .gemini h3, .gemini h4, .gemini h5, .gemini h6 {
	line-height: 1.2;
	font-family: 'Source Sans Pro', sans-serif;
	color: #D11A23;
	font-weight: 400;
}

.gemini .page-banner{background:#eee center / cover; margin-bottom: 5vmax; display: flex; justify-content: center; position: relative;}
.gemini .page-banner .inner-bg{background:#D11A23; opacity:0.45; width:100%; height:100%; position:absolute; z-index:0;}
.gemini .page-banner .inner{width: 500px; max-width: 100%; margin: 3vmax 5%; display: flex; flex-direction: column; align-items: center; position: relative; z-index: 1;}
.gemini .page-banner .header-strap{background: linear-gradient(to right, #7e1719, #e52928); font-size: clamp(1.3rem, 4vw, 2.2rem); margin: auto; margin-top: 2rem ; padding: 0.25em 1em; color: #fff; clip-path: polygon(5% 0, 100% 0, 95% 100%, 0% 100%); display: inline-block;}
.gemini .page-banner .part-of-active{width: 320px; max-width: 90%; margin-top: 3rem;}

.gemini .intro.flex-container > div {width:50%;}
.gemini .intro.flex-container .info {background:#D11A23; background: linear-gradient(to right, #7e1719, #e52928);  color:#fff; padding: 2rem;font-size: clamp(1.0rem, 2.2vw, 1.5rem);}
.gemini .intro.flex-container .info h2 {color:#fff;font-size: clamp(1.5rem, 4vw, 2.5rem);}
.gemini .intro.flex-container .deco-container .photo {position: relative;}
.gemini .intro.flex-container .deco-container .photo img{object-fit: cover; aspect-ratio: 2 / 1;}
.gemini .intro.flex-container .deco-container .photo .caption{position: absolute; bottom:0; left: 0; background:#013a58; padding:0.25em 0.5em; font-size:0.9rem; color:#fff; opacity:0.9;}
.gemini .intro.flex-container .desc-container {background:#013A58;color:#fff; padding: 2rem; font-size: clamp(0.95rem, 1.8vw, 1.2rem);margin-left: -14px;  margin-top:25px;  margin-bottom:-25px; display: flex;align-items:center;}

.gemini .intro.flex-container blockquote {padding-left:0; margin-top:1em;  }
.gemini .intro.flex-container blockquote > p {line-height: 1.2; margin-bottom: 0.75em;}
.gemini .intro.flex-container blockquote::before {color:#fff; font-size:3em; top:-0.2em; left:calc(50% - 0.5em);  }
.gemini .intro.flex-container blockquote .quote-from p:first-child {color:#D11A23; font-weight:600; margin-top:1em;}
.gemini .intro.flex-container blockquote .quote-from p{margin-bottom: 0; line-height: 1.2;}
@media screen and (max-width: 1300px) {
	.gemini .intro.flex-container.fw {width:100%;}
}

@media screen and (max-width: 850px) {
	.gemini .intro.flex-container .deco-container .photo img {	object-fit: cover;	aspect-ratio: 1 / 1;	width: 100%; object-position:bottom 0 right -60px;}
}

@media screen and (max-width: 675px) {
	.gemini .intro.flex-container > div {width:100%;}
	.gemini .intro.flex-container .deco-container .photo img {	object-fit: cover;	aspect-ratio: 1 / 0.7;	width: 100%; object-position:bottom center;}
	.gemini .intro.flex-container .desc-container {font-size: clamp(1rem, 4vw, 1.2rem);}
	.gemini .intro.flex-container .desc-container {margin-left: 0; margin-right: 0; margin-top:-2px; width:108%; margin-bottom:0; padding-top: 3em;}
}

.gemini .about-gemini.fw{ width:90%;}
.gemini .about-gemini{margin: auto; margin-top: calc(5vmax + 25px); max-width:800px;}
.gemini .about-gemini h2 {text-align:center;}
.gemini .about-gemini .about-texts{justify-content: space-between; flex-wrap: nowrap;}
.gemini .about-gemini .about-texts > div{width:46%;}

@media screen and (max-width: 675px) {
	.gemini .about-gemini .about-texts{flex-wrap:wrap;}
	.gemini .about-gemini .about-texts > div{width:100%; margin-bottom: 1rem;}
}



.gemini .about-active { margin-top:7vmax; flex-direction:column;}
.gemini .about-active h2 {color:#0a3856; font-size: clamp(1rem, 4vw, 1.3rem);}
.gemini .about-active .about-logo {width:350px; max-width:100%;}

.gemini .about-active .welcome-text {background-color:#D11A23;background: linear-gradient(to right, #7e1719, #e52928); padding:1rem 5%; position:relative; color:#fff; font-size: clamp(1.1rem, 4.5vw, 1.7rem); text-align: center;}
.gemini .about-active .about-background {filter: saturate(0) brightness(0) invert(1); position: absolute; width: 100%; height: 100%; left:0; top:0; opacity: 0.1; background-size: contain; background-position: center; z-index: 0; background-repeat: no-repeat;}

@media screen and (max-width: 675px) {
	.gemini .about-active.fw { width:100%;}
}

.gemini .about-details {justify-content: space-between; margin-top: 1rem;}

.gemini .about-details .deco-container {width:43%;}
.gemini .about-details .deco-container .photo {position: relative;}
.gemini .about-details .deco-container .photo img{max-width: 100%;}
.gemini .about-details .deco-container .photo .caption{position: absolute; bottom:0; left: 0; background:#013a58; padding:0.25em 0.5em; font-size:0.9rem; color:#fff; opacity:0.9;}
.gemini .about-details .desc-container {background:#013A58;color:#fff; padding: 2rem; font-size: clamp(0.95rem, 1.8vw, 1.2rem);margin-left: -14px;  margin-top:25px;  margin-bottom:-25px; display: flex;align-items:center;}
.gemini .about-details .info { margin-top:1em;}
.gemini .about-details .info .contact-point {color:#D11A23;}
.gemini .about-details .info .contact-point a {color:#D11A23;}


.gemini .about-details .right-container {width:55%;background: #0a3856; color: #fff;  padding: 2.5vmax; display:flex;}
.gemini .about-details .right-container .inner {display:flex; flex-direction: column; justify-content: center;}
.gemini .about-details .right-container .part-of-active{text-align: center; margin-bottom: 1rem;}
.gemini .about-details .right-container .part-of-active img{width:400px;}
.gemini .about-details .right-container h3{margin-top:2rem; color: #fff;}
.gemini .about-details .right-container p{margin:1em 0;}

@media screen and (max-width: 675px) {
	.gemini .about-details.fw { width:100%;}
	.gemini .about-details .info { margin-left:4%; margin-right:4%;}
	.gemini .about-details .deco-container {width:100%;}
	.gemini .about-details .right-container {width:100%;}
}


.gemini .feature-brands {margin-top: 5vmax; justify-content: center;}
.gemini .feature-brands.area1 {margin-bottom: 5vmax;}
.gemini .feature-brands.area1 .highlight { max-width:460px; margin-bottom:2rem; text-align:center;}
.gemini .feature-brands .h3{text-align: center; font-size: clamp(1.4rem, 6vw, 2.5rem);}
.gemini .feature-brands .brand-logos{flex-wrap: nowrap; width: 100%; justify-content: space-between; align-items: center;}
.gemini .feature-brands .brand-logos img{max-width: 14%; max-height: 50px;}

.gemini .browse-items { margin-top:5vmax;}
.gemini .browse-items .cta-outer {background: linear-gradient(to right, #7e1719, #e52928); padding: 2rem; color: #fff; border-radius: 3rem; justify-content: center;}
.gemini .browse-items h2 {color: #fff; font-size: clamp(1.5rem, 4vw, 3.5rem); margin-bottom: 0.5em;}
.gemini .browse-items .browse-now {color: #fff; text-align: center;}
.gemini .browse-items .browse-now a.btn-brick {font-size: clamp(1rem, 2vw, 1.8rem);}
.gemini .browse-items .feature-brands .brand-logos img { filter: saturate(0) brightness(0) invert(1);}


.gemini .cp-form-container {margin-top: 7vmax;}



/* custom hoodies ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */


.custhoodie h1, .custhoodie h2, .custhoodie h3, .custhoodie h4, .custhoodie h5, .custhoodie h6 {
	line-height:1.2;
	color:#2d2d2d;
	font-weight:400;
}

.custhoodie .divider {border-top:1px solid rgba(10, 56, 86, 0.2);margin:1rem 0 3vmax;height:1px;}

.custhoodie .page-banner{padding-bottom:25%;background:#eee center / cover;margin-bottom:5vmax;}

.custhoodie .section-header{display:inline-flex;align-items:stretch;border-radius:0.5rem;overflow:hidden;margin-bottom:0.5rem;}
.custhoodie .section-header > div{display:flex;align-items:center;}
.custhoodie .section-header .step{background:#0a3856;color:#f4970e;padding:0 1em;font-weight:600;text-transform:uppercase;white-space:nowrap;}
.custhoodie .section-header .text{}
.custhoodie .section-header h2{padding:0 0.5em;font-weight:600;font-size:clamp(1.4rem, 5vw, 3rem);text-align:center;}

.custhoodie .intro h3 {font-size:clamp(1.2rem, 4vw, 2rem);margin-top:1em;text-align:center;}
.custhoodie .usp {display:flex;flex-wrap:wrap;gap:30px 0;justify-content:space-between;}
.custhoodie .usp-item {width:47%;text-align:center;}
.custhoodie .usp-item img{width:60%;display:block;margin:auto;max-width:100px;filter:brightness(0) saturate(100%) invert(76%) sepia(54%) saturate(2349%) hue-rotate(346deg) brightness(101%) contrast(101%);}
.custhoodie .usp-item h4 {font-size:1rem;font-weight:600;text-align:center;}
.custhoodie .usp-item p {color:#666;font-size:90%;}

.custhoodie .intro.flex-container{flex-wrap:nowrap;justify-content:space-between;margin-bottom:5vmax;}
.custhoodie .intro.flex-container > .flex-item {width:48%;display:flex;align-items:center;}
.custhoodie .intro.flex-container > .how-to-container {background:#0a3856;color:#fff;padding:3vmax;}
.custhoodie .intro h2 {font-weight:600;font-size:clamp(2rem, 5vw, 3rem);}
.custhoodie .intro .how-to-container h2 {color:#fff;}
.custhoodie .intro .how-to-container span.ico {font-size:clamp(1rem, 5vw, 3rem);color:#f4970e;}
@media screen and (max-width:650px) {
	.custhoodie .intro.flex-container{flex-wrap:wrap;}
	.custhoodie .intro.flex-container > .flex-item {width:100%;}
	.custhoodie .intro .how-to-container {margin-top:2rem;}
}


.custhoodie .designs {margin-bottom:9vmax;}
.custhoodie .portfolio.flex-container{justify-content:flex-start;margin:1.5rem 0 0 0;gap:20px;}
.custhoodie .portfolio .design-tile{width:calc((100% - (20px * 3)) / 4 );border-radius:10px;overflow:hidden;border:3px solid #f9f9f9;box-shadow:2px 2px 15px rgba(0,0,0,.2);cursor:pointer;}
.custhoodie .portfolio .design-tile .image{padding-bottom:100%;background:#eee center / cover;}
.custhoodie .portfolio .design-tile h3{margin:0.8em;text-align:center;}

.custhoodie .portfolio .design-tile:hover {border:3px solid rgba(10, 56, 86,0.33);}
.custhoodie .portfolio .design-tile.on{border:3px solid rgba(10, 56, 86,1.0);}
@media screen and (max-width:650px) {
	.custhoodie .portfolio .design-tile{width:calc((100% - (20px * 2)) / 3 );}
}
@media screen and (max-width:480px) {
	.custhoodie .portfolio .design-tile{width:calc((100% - (20px * 1)) / 2 );}
}


.custhoodie .colours {margin-bottom:9vmax;}
.custhoodie .colours .tab-nav{}
.custhoodie .colours .tab-nav a{padding:0.75em;line-height:1.2;background:#b1e2f9;color:#fff;border-top-left-radius:10px;border-top-right-radius:10px;display:inline-block;}
.custhoodie .colours .tab-nav a.on{background:#2da5de;}

.custhoodie .colours .tab-content{padding:1rem;border:3px solid #2da5de;border-radius:10px;border-top-left-radius:0;box-shadow:3px 10px 10px rgba(0,0,0,.1)}
.custhoodie .colours .tab-content .tab-item.tab-off{display:none;}
.custhoodie .colours .hoodies-container{justify-content:space-between;}
.custhoodie .colours .visual-container {width:30%;}
.custhoodie .colours .colour-container {width:65%;}
.custhoodie .colours .background {position:relative;}
.custhoodie .colours .background img {width:100%;max-width:650px;}
.custhoodie .colours .background .label{position:absolute;display:flex;justify-content:center;z-index:1;padding:0.5em;bottom:5vmax;left:0;right:0;}
.custhoodie .colours .background .label p{background:#fff;color:#0a3856;padding:0.35em;border-radius:0.4em;min-width:70%;font-size:var(--theme-font-size-standard);box-shadow:rgba(0, 0, 0, 0.25) 0px 4px 8px;}
.custhoodie .colours .visual-container p.instruction{text-align:center;}

.custhoodie .colours .thumbs {justify-content:space-between;margin-bottom:5vmax;}
.custhoodie .colours .thumbs .item-tile {width:16.66%;padding:0;border:3px solid transparent;overflow:hidden;}
.custhoodie .colours .thumbs .item-tile:hover {border:3px solid rgba(10, 56, 86,0.33);}
.custhoodie .colours .thumbs .item-tile.on {border:3px solid rgba(10, 56, 86,1.0);;}
.custhoodie .colours .thumbs .item-tile .hoodie-thumb {width:100%;}

.custhoodie .colours .sizes{margin-bottom:5vmax;}
.custhoodie .colours .sizes table {width:100%;text-align:left;border-collapse:collapse;border-radius:0.25rem;	font-size:var(--theme-font-size-standard);}
.custhoodie .colours .sizes table th{padding:0.35em;background-color:rgba(10, 56, 86, 0.1);border:0.0625rem solid rgba(10, 56, 86, 0.1);}
.custhoodie .colours .sizes table td{padding:0.35em;border:0.0625rem solid rgba(10, 56, 86, 0.1);}

.custhoodie .colours .features{margin-bottom:5vmax;}
@media screen and (max-width:600px) {
	.custhoodie .colours .visual-container {width:100%;}
	.custhoodie .colours .colour-container {width:100%;}
}




.custhoodie .layout{margin-bottom:9vmax;}
.custhoodie .layout h3.instruction {text-align:center;}
.custhoodie .layout .side-option {flex-wrap:nowrap;justify-content:space-between;margin-bottom:2rem;cursor:pointer;}
.custhoodie .layout .side-option h3 {background:#0a3856;color:#2da5de;padding:0.2em 0.25em;text-align:center;font-size:clamp(1rem, 3vw, 2rem);}
.custhoodie .layout .side-option .side-item {width:49%;border:3px solid transparent;border-radius:1rem;overflow:hidden;}
.custhoodie .layout .side-option .side-item:hover {border:3px solid rgba(10, 56, 86,0.33);}
.custhoodie .layout .side-option .side-item.on{border:3px solid rgba(10, 56, 86,1.0);}
.custhoodie .layout .example-container {gap:0 1rem;flex-wrap:nowrap;flex-shrink:0;}
.custhoodie .layout .example-container .example{background:#eee;width:65%;align-items:flex-end;}
.custhoodie .layout .example-container .example img.layout-image{width:100%;}
.custhoodie .layout .example-container .costs{flex-direction:column;}

.custhoodie .layout .costs{flex-direction:column;flex-wrap:nowrap;gap:1rem;padding-top:2vw;flex-shrink:2;}
.custhoodie .layout .costs h4{ font-size:clamp(1rem, 2vw, 2rem);font-weight:800;color:#2da5de;padding-bottom:0.33em;line-height:0.66 }
.custhoodie .layout .costs h4 span.desc{font-size:60%;font-weight:400;white-space:nowrap;}
.custhoodie .layout .costs .price{border-radius:0.25em;font-size:var(--theme-font-size-standard);background:#dc2a42;padding:0 0.2em;color:#fff;}

.custhoodie .layout .customisations-container{}
.custhoodie .layout .customisations-container h3{text-align:center;}
.custhoodie .layout .customisation-option.hidden{display:none;}
.custhoodie .layout .customisation-option{gap:20px;display:flex;justify-content:center;}
.custhoodie .layout .customisation-option.none-chosen{text-align:center;justify-content:center;}
.custhoodie .layout .option-item {border-radius:2rem;flex-wrap:nowrap;overflow:hidden;border:2px solid #ddd;width:calc((100% - 40px) / 3);cursor:pointer;}
.custhoodie .layout .option-item:hover {border:2px solid rgba(10, 56, 86,0.33);}
.custhoodie .layout .option-item.on{border:2px solid rgba(10, 56, 86,1.0);}
.custhoodie .layout .option-item .image {width:150px;height:100%;position:relative;}
.custhoodie .layout .option-item .image img {width:100%;height:100%;aspect-ratio:1 / 1;object-fit:cover;}
.custhoodie .layout .option-item .details {flex-direction:column;justify-content:center;align-items:flex-start;padding:1rem;}
.custhoodie .layout .option-item .details .cost {border-radius:0.25em;font-size:var(--theme-font-size-standard);background:#dc2a42;padding:0 0.2em;color:#fff;}

.custhoodie .layout .option-item .checked-icon {position:absolute;top:0;left:0;z-index:1;color:#fff;display:none;user-select:none;}
.custhoodie .layout .option-item.on .checked-icon {display:block;}
.custhoodie .layout .option-item .checked-icon .ribbon {background:#0a3856;width:120px;height:2rem;transform:rotate(-45deg) translate(-2rem, -1.8rem);position:absolute;}
.custhoodie .layout .option-item .checked-icon .ico {font-size:1rem;position:absolute;z-index:2;margin:0.5em 0 0 0.5em }

@media screen and (max-width:650px) {
	.custhoodie .layout .customisation-option{flex-wrap:wrap;}
	.custhoodie .layout .option-item {width:calc((100% - 20px) / 2);}
}

@media screen and (max-width:400px) {
	.custhoodie .layout .side-option {flex-wrap:wrap;}
	.custhoodie .layout .side-option .side-item {width:100%;}
	.custhoodie .layout .option-item {width:100%;}
}



.custhoodie .personalisation-note{text-align:center;}
.custhoodie .cp-form{max-width:680px;margin-bottom:5vmax;}


/* Custom school page ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.custom-clothing h1.product-feed {padding-top:5vmax;}
.custom-clothing .custom-items {gap:30px;margin-bottom:7vmax;}
.custom-clothing .custom-items a.custom-item{display:flex;width:25%;text-decoration:none;flex-grow:0;flex-shrink:0;}
.custom-clothing .custom-items .item-card{flex-direction:column;align-items:stretch;width:100%;}
.custom-clothing .custom-items .image{position:relative;text-align:center;flex-grow:2;}
.custom-clothing .custom-items .image img{object-fit:contain;height:100%;}
.custom-clothing .custom-items .item-name{flex-grow:5;padding:0.5rem 0;}
.custom-clothing .custom-items h2{font-size:clamp(0.9rem, 2vw, 1.2rem);padding:0;}
.custom-clothing .custom-items .details{background:#f3f3f3;padding:5px;gap:1rem;flex-wrap:nowrap;justify-content:space-between;}
.custom-clothing .custom-items .price-shell {	display:flex;flex-wrap:wrap;}
.custom-clothing .custom-items .price-shell > div {width:100%;}
.custom-clothing .custom-items .price-inc {	color:#0f1f2e;	font-size:1.5rem;	line-height:1;	font-family:var(--theme-font-sans);	font-weight:600;	display:block;	white-space:nowrap;}
.custom-clothing .custom-items sup.pence {font-size:50%;	top:-0.6em;}
.custom-clothing .custom-items .price-ex{font-size:90%;color:#666;line-height:1;white-space:nowrap;}

.custom-clothing .custom-items button.btn-brick {
	min-height:34px !important;
	height:34px;
	border-radius:0 5px 5px 0;
	flex-grow:1;
	max-width:100%;
	background:#28a5dd;
	padding:0 0.5rem;
	width:auto;
	border-radius:5px;
	display:inline-block;
}