/* ------------------------------------------------------------------------------------
	SCREEN - v6 swiffy 2023
	Filename : swiffy.css 
	Last Updated : 18. 08. 2025
------------------------------------------------------------------------------------- */
.swiffy-slider  {
	position: relative;
	display: block;
	width: 100%;
	--swiffy-slider-snap-align: center;
	--swiffy-slider-item-width: 100%;
	--swiffy-slider-item-gap: 1rem;
	--swiffy-slider-item-reveal: 0rem;
	--swiffy-slider-item-ratio: 1/1;
	--swiffy-slider-item-count: 1;

	--swiffy-slider-nav-zoom: 1;
	--swiffy-slider-track-opacity: 0.1;
	--swiffy-slider-track-height: 0;
	--swiffy-slider-nav-outside-size: 3.5rem;
	--swiffy-slider-indicator-outside-size: 1.5rem;
	--swiffy-slider-animation-duration: .75s;
	--swiffy-slider-animation-delay: 0s;
	--swiffy-slider-animation-timing: ease-in-out;
}

.swiffy-slider,
.swiffy-slider::after,
.swiffy-slider::before {
	box-sizing: border-box
}

.swiffy-slider ::-webkit-scrollbar {
	height: var(--swiffy-slider-track-height)
}

.swiffy-slider ::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, var(--swiffy-slider-track-opacity))
}

.swiffy-slider ::-webkit-scrollbar-thumb {
	background: rgba(0, 0, 0, .4);
	border-radius: 1rem
}

.swiffy-slider ::-webkit-scrollbar-thumb:hover {
	background: rgba(0, 0, 0, .6)
}

.slider-container {
	--swiffy-slider-item-gap-totalwidth: calc(var(--swiffy-slider-item-gap) * (var(--swiffy-slider-item-count) - 1));
	--swiffy-slider-item-width: calc((100% - var(--swiffy-slider-item-reveal) - var(--swiffy-slider-item-gap-totalwidth)) / var(--swiffy-slider-item-count));
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	-ms-scroll-snap-type: x mandatory;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	display: grid;
	align-items: center;
	height: 100%;
	grid: auto/auto-flow -webkit-max-content;
	grid: auto/auto-flow max-content;
	grid-auto-rows: 100%;
	grid-auto-columns: var(--swiffy-slider-item-width);
	grid-auto-flow: column;
	grid-gap: var(--swiffy-slider-item-gap);
	list-style: none;
	margin: 0;
	padding: 0;
	scrollbar-width: none;
	scrollbar-color: rgba(0, 0, 0, .4) rgba(0, 0, 0, var(--swiffy-slider-track-opacity));
	background-clip: padding-box
}

.slider-container>* {
	scroll-snap-align: var(--swiffy-slider-snap-align);
	position: relative;
	width: 100%;
	height: 100%
}

.slider-item-helper .slider-container>* {
	background-size: cover;
	background-color: #e1e1e1;
	background-position: 50% 50%;
	display: flex;
	justify-content: center;
	align-items: center
}

.slider-item-helper:not(.slider-item-ratio) .slider-container>* {
	min-height: 20rem
}

.slider-item-ratio .slider-container>*>*{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.slider-item-ratio-contain .slider-container>*>*{
	-o-object-fit: contain;
	object-fit: contain
}

.slider-item-ratio .slider-container>::after{
	display: block;
	padding-top: calc(100% / var(--swiffy-slider-item-ratio) );
	content: ""
}


.slider-indicators {
	display: flex;
	justify-content: center;
	padding: 0;
	list-style: none;
	width:100%;
}

.slider-nav-scrollbar .slider-indicators {
	margin-bottom: calc(1rem + var(--swiffy-slider-track-height))
}

.slider-indicators>.active {
	opacity: 1;
	background-color: var(--swiffy-slider-active-item-color);
}


.slider-indicators>* {
	box-sizing: content-box;
	flex: 0 1 auto;
	width: 2rem;
	height: .2rem;
	padding: 0;
	border: .4rem solid transparent;
	cursor: pointer;
	background-color: var(--swiffy-slider-item-color);
	background-clip: padding-box;
	opacity: .5;
	transition: opacity .4s ease;
	
	width: 10px;
	height:10px;
	border: .4rem solid transparent;
	border-radius: 50%

	
}

.slider-nav {
	position: absolute;
	top: 0;
	left: 0.5rem;
	bottom: 0;
	border: 0;
	background-color: transparent;
	cursor: pointer;
	padding: 0;
	visibility: hidden;
	opacity: .8;
	transition: visibility .1s, opacity .2s linear;
	margin-bottom: var(--swiffy-slider-track-height);
	display: flex;
	align-items: center;
	padding: 0 .5rem;
	-webkit-filter: drop-shadow(0 0 .5rem rgba(0, 0, 0, .5));
	filter: drop-shadow(0 0 .5rem rgba(0, 0, 0, .5));
	transform: scale(var(--swiffy-slider-nav-zoom));
	/* overflow:hidden; */
}

.slider-nav::before {
	position: absolute;
	content: "";
	/* padding: .5rem 0; */
	width: 3rem;
	height: 3rem;
	pointer-events:all;
	background-color:var(--white);
}

.slider-nav::after {
	content: "";
	-webkit-mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'></path></svg>");
	mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'></path></svg>");
	-webkit-mask-size: cover;
	mask-size: cover;
	background-color: var(--swiffy-slider-nav);
	background-origin: content-box;
	width: 3rem;
	height: 3rem
}

.slider-nav-arrow .slider-nav::after {
	-webkit-mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M12 8a.5.5 0 0 1-.5.5H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5a.5.5 0 0 1 .5.5z'></path></svg>");
	mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M12 8a.5.5 0 0 1-.5.5H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5a.5.5 0 0 1 .5.5z'></path></svg>")
}

.slider-nav-chevron .slider-nav::after {
	-webkit-mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M9.224 1.553a.5.5 0 0 1 .223.67L6.56 8l2.888 5.776a.5.5 0 1 1-.894.448l-3-6a.5.5 0 0 1 0-.448l3-6a.5.5 0 0 1 .67-.223z'></path></svg>");
	mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M9.224 1.553a.5.5 0 0 1 .223.67L6.56 8l2.888 5.776a.5.5 0 1 1-.894.448l-3-6a.5.5 0 0 1 0-.448l3-6a.5.5 0 0 1 .67-.223z'></path></svg>")
}

.slider-nav-caret .slider-nav::after {
	-webkit-mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path d='M10 12.796V3.204L4.519 8 10 12.796zm-.659.753-5.48-4.796a1 1 0 0 1 0-1.506l5.48-4.796A1 1 0 0 1 11 3.204v9.592a1 1 0 0 1-1.659.753z'></path></svg>");
	mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path d='M10 12.796V3.204L4.519 8 10 12.796zm-.659.753-5.48-4.796a1 1 0 0 1 0-1.506l5.48-4.796A1 1 0 0 1 11 3.204v9.592a1 1 0 0 1-1.659.753z'></path></svg>")
}

.slider-nav-caretfill .slider-nav::after {
	-webkit-mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path d='m3.86 8.753 5.482 4.796c.646.566 1.658.106 1.658-.753V3.204a1 1 0 0 0-1.659-.753l-5.48 4.796a1 1 0 0 0 0 1.506z'></path></svg>");
	mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path d='m3.86 8.753 5.482 4.796c.646.566 1.658.106 1.658-.753V3.204a1 1 0 0 0-1.659-.753l-5.48 4.796a1 1 0 0 0 0 1.506z'></path></svg>")
}

.swiffy-slider:hover .slider-nav {
	visibility: visible
}

.swiffy-slider.slider-nav-autohide.slider-item-first-visible .slider-nav:not(.slider-nav-next) {
	visibility: hidden
}

.swiffy-slider.slider-nav-autohide.slider-item-last-visible .slider-nav.slider-nav-next {
	visibility: hidden
}

.slider-nav-outside .slider-container {
	margin: 0 var(--swiffy-slider-nav-outside-size)
}

.slider-nav-outside .slider-nav {
	padding: 0
}

.swiffy-slider .slider-nav:hover {
	opacity: 1
}

.slider-nav-square .slider-nav {
	padding: 0
}


.slider-nav-round .slider-nav::before {
	border-radius: 50%
}

.slider-nav-round .slider-nav::after {
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath fill-rule='evenodd' d='M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8z'%3E%3C/path%3E%3C/svg%3E");
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath fill-rule='evenodd' d='M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8z'%3E%3C/path%3E%3C/svg%3E")
}

.slider-nav-dark .slider-nav::after {
	background-color: var(--swiffy-slider-nav-dark)
}

.slider-nav-sm {
	--swiffy-slider-nav-zoom: .75;
	--swiffy-slider-nav-outside-size: 2.5rem
}

.slider-nav.slider-nav-next::after {
	transform: rotate(180deg)
}

.slider-nav.slider-nav-next {
	right: .5rem;
	left: unset
}

.slider-nav-visible .slider-nav {
	visibility: visible
}

.slider-nav-dark .slider-nav {
	opacity: .6
}

.slider-nav-mousedrag .slider-container {
	cursor: -webkit-grab;
	cursor: grab
}

.slider-nav-mousedrag.dragging .slider-container {
	-ms-scroll-snap-type: unset;
	scroll-snap-type: unset;
	scroll-behavior: unset;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.slider-nav-mousedrag.dragging .slider-nav {
	visibility: hidden
}

@media (hover:hover) {
	.slider-nav-mousedrag .slider-container::after {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%
	}
}

@media (prefers-reduced-motion:no-preference) {
	.slider-nav-animation.slider-nav-animation-fast {
		--swiffy-slider-animation-duration: .25s
	}
	.slider-nav-animation.slider-nav-animation-slow {
		--swiffy-slider-animation-duration: 1.25s
	}
	.slider-nav-animation .slider-container>*>* {
		transition: opacity var(--swiffy-slider-animation-duration) var(--swiffy-slider-animation-timing), transform var(--swiffy-slider-animation-duration) var(--swiffy-slider-animation-timing);
		transition-delay: var(--swiffy-slider-animation-delay)
	}
	.slider-nav-animation .slider-container .slide-visible>* {
		transition: opacity var(--swiffy-slider-animation-duration) var(--swiffy-slider-animation-timing), transform var(--swiffy-slider-animation-duration) var(--swiffy-slider-animation-timing);
		transition-delay: var(--swiffy-slider-animation-delay)
	}
	.slider-nav-animation.slider-nav-animation-fadein .slider-container>*>* {
		opacity: .5
	}
	.slider-nav-animation.slider-nav-animation-scale .slider-container>*>* {
		transform: scale(.9)
	}
	.slider-nav-animation.slider-nav-animation-appear .slider-container>*>* {
		opacity: .3;
		transform: scale(.9)
	}
	.slider-nav-animation.slider-nav-animation-scaleup .slider-container>*>* {
		transform: scale(.25)
	}
	.slider-nav-animation.slider-nav-animation-zoomout .slider-container>* {
		overflow: hidden
	}
	.slider-nav-animation.slider-nav-animation-zoomout .slider-container>*>* {
		transform: scale(1.3)
	}
	.slider-nav-animation.slider-nav-animation-turn .slider-container>*>* {
		transform: rotateY(70deg)
	}
	.slider-nav-animation.slider-nav-animation-slideup .slider-container>*>* {
		transform: translateY(60%) scale(.99)
	}
	.slider-nav-animation.slider-nav-animation-slideup .slider-container {
		overflow-y: hidden
	}
	.slider-nav-animation .slider-container>.slide-visible>* {
		opacity: 1;
		transform: none
	}
}

@media (min-width:62rem) {
	.slider-item-show2:not(.slider-item-snapstart) .slider-container>*,
	.slider-item-show4:not(.slider-item-snapstart) .slider-container>*,
	.slider-item-show6:not(.slider-item-snapstart) .slider-container>* {
		scroll-snap-align: unset
	}
	.slider-item-show2:not(.slider-item-snapstart) .slider-container>::before,
	.slider-item-show4:not(.slider-item-snapstart) .slider-container>::before,
	.slider-item-show6:not(.slider-item-snapstart) .slider-container>::before {
		content: " ";
		display: block;
		position: absolute;
		left: calc((var(--swiffy-slider-item-gap)/2)*-1);
		top: 0;
		width: 1px;
		height: 1px;
		scroll-snap-align: var(--swiffy-slider-snap-align)
	}
	.slider-nav-outside-expand .slider-nav {
		margin-left: -4rem
	}
	.slider-nav-outside-expand .slider-nav.slider-nav-next {
		margin-right: -4rem
	}
	.slider-nav-sm.slider-nav-outside-expand .slider-nav {
		margin-left: -3.5rem
	}
	.slider-nav-sm.slider-nav-outside-expand .slider-nav.slider-nav-next {
		margin-right: -3.5rem
	}
	.slider-indicators-sm.slider-indicators {
		display: none
	}
}

@media (max-width:62rem) {
	.swiffy-slider {
		--swiffy-slider-track-height: 0rem;
		--swiffy-slider-item-reveal: 0rem;
		--swiffy-slider-item-count: 1;
		--swiffy-slider-nav-zoom: .875
	}
	.swiffy-slider .slider-item-show2-sm {
		--swiffy-slider-item-count: 2
	}
	.slider-item-reveal {
		--swiffy-slider-item-reveal: 4rem
	}
	.slider-item-snapstart.slider-item-reveal {
		--swiffy-slider-item-reveal: 2rem
	}
	.slider-item-show6 .slider-container {
		grid-auto-columns: calc(25% - (var(--swiffy-slider-item-gap)/ 4*3))
	}
	.slider-item-show6.slider-item-reveal .slider-container {
		grid-auto-columns: calc(25% - (var(--swiffy-slider-item-gap)/ 4*3) - .5rem)
	}
	.slider-item-show6.slider-item-reveal .slider-container>* {
		scroll-snap-align: unset
	}
	.slider-item-show6.slider-item-reveal .slider-container>::before {
		content: " ";
		display: block;
		position: absolute;
		left: calc((var(--swiffy-slider-item-gap)/2)*-1);
		top: 0;
		width: 1px;
		height: 1px;
		scroll-snap-align: center
	}
	.slider-nav::after,
	.slider-nav::before {
		width: 2rem;
		height: 2rem;
		padding: .3rem
	}
	.slider-nav-round .slider-nav::after,
	.slider-nav-square .slider-nav::after {
		width: 1.75rem;
		height: 1.75rem;
		margin: .125rem
	}
	.slider-nav-outside .slider-container,
	.slider-nav-outside-expand .slider-container {
		margin: 0 2rem
	}
	.slider-nav-outside-expand .slider-container {
		margin: 0 var(--swiffy-slider-nav-outside-size)
	}
	.slider-nav-outside-expand .slider-nav {
		padding: 0
	}
	.slider-indicators-round .slider-indicators>*,
	.slider-indicators-round.slider-indicators>*,
	.slider-indicators-square .slider-indicators>*,
	.slider-indicators-square.slider-indicators>* {
		width: .3rem;
		height: .3rem
	}
	.slider-indicators {
		/* margin-bottom: .5rem; */
		/* display: none; */
	}
	.slider-nav-scrollbar .slider-indicators {
		margin-bottom: 0
	}
	.slider-indicators>* {
		/* width: 1rem; */
		/* height: .125rem; */
		/* border-width: .25rem; */
	}
	.slider-indicators-sm .slider-indicators,
	.slider-indicators-sm.slider-indicators {
		display: flex
	}
}

@media (max-width:48rem) {
	.slider-item-show6 .slider-container {
		grid-auto-columns: calc(50% - (var(--swiffy-slider-item-gap)/ 2))
	}
	.slider-item-show6.slider-item-reveal .slider-container {
		grid-auto-columns: calc(50% - (var(--swiffy-slider-item-gap)/ 2) - 1.5rem)
	}
}

@media (hover:none) {
	.swiffy-slider.slider-nav-touch .slider-nav {
		visibility: visible
	}
	.swiffy-slider:not(.slider-nav-touch).slider-nav-outside .slider-container,
	.swiffy-slider:not(.slider-nav-touch).slider-nav-outside-expand .slider-container {
		margin: 0 0
	}
	.slider-item-nosnap-touch {
		--swiffy-slider-snap-align: unset
	}
}
/* ------------------------------------------------------------------------------------
	SCREEN - v6 Direct Wholesale 2026
	Filename : sitepanes.css 
	Last Updated : 28. 03. 2026
	Copyright :(c) 2026 Etail Systems Ltd
	Author : Etail Systems Ltd
	Web : http://www.etailsystems.com

	Table of Contents
		Definitions
		Reset
		Normalise
		Page
		Typography
		SiteContainers
		Top Panel (#pt)
		Center Panel (#pc)
		Main Panel (#pmid)
		Footer Panel (#pf)
		Bottom Panel (#pb)
		Fixed Bottom Panel (#pbf)
		Breadcrumb
		Grid Layout
		Sitemap
		Client Specific Stylings

/* -------------------------------------------------------------------------------------
 Definitions
------------------------------------------------------------------------------------- */
:root {
	--spacer-width: calc((100% - var(--site-max-width)) / 2);
	--site-max-width: 1440px;
	--right-panel-width: calc(var(--site-max-width) / 5);
	--line-height: 1.25;
	--letter-spacing: normal;
	--spacing: 1rem;
	--half-spacing: .5rem;

	/* client color scheme */
	--black: rgb(32 41 39);
	--pure-white: rgb(255 255 255);
	--off-white: rgb(236 232 227);
	
	--light-grey: rgb(194 189 183 / 25%);
	--grey: rgb(159 165 166);
	--dark-grey: rgb(194 189 183 / 95%);
	--dark-blue: rgb(0 12 70);
	--blue: rgb(1 22 137);
	--light-blue: rgb(0 179 227);


	/* standard colors */
	--white: var(--pure-white);
	--featured-color: var(--dark-blue);
	--featured-alt-color: var(--blue);

	--error-color: rgb(194 67 59);
	--error-color-light: rgb(194 67 59 / 10%);

	--info-color: rgb(59 130 194);
	--info-color-light: rgb(59 130 194 / 10%);

	--success-color: rgb(59 164 94);
	--success-color-light: rgb(59 164 94 / 10%);


	/* Section colors */
	--background-color: var(--white);
	--main-panel-color: var(--white);

	/* fonts */
	--heading-font: "futura-pt", sans-serif;
	--heading-font-weight: 700;

	--sub-heading-font: "futura-pt", sans-serif;
	--sub-heading-font-weight: 400;

	--text-font: "futura-pt", sans-serif;
	--button-font: "futura-pt", sans-serif;

	--font-awesome:"Font Awesome 7 Pro";

	--font-size: 16px;
	--font-weight: 400;
	--heading-color:var(--blue);

	/* Text */
	--text-color: var(--dark-blue);
	--text-color-light: var(--grey);
	--text-link-color: var(--featured-color);
	--text-link-color-hover: var(--featured-color);
	--text-link-color-focus: transparent;
	--text-decoration: none;
	--text-decoration-color: var(--featured-color);



	/* Text Sizes */
	--large-heading-font-size: 30px;
	--heading-font-size: 24px;
	--sub-heading-font-size: 18px;
	--statement-font-size: 20px;
	--text-size: 16px;

	/* Buttons */
	--button-color: var(--blue);
	--button-border-color: var(--button-color);
	--button-text-color: var(--white);
	--button-hover-text-color: var(--white);
	--button-hover-color: var(--button-alt-color);
	--button-hover-border-color: var(--button-alt-color);

	/* Borders */
	--border-color: var(--grey);
	--border-radius: 0;

	/* nav */
	--nav-element-spacing-vertical: 1rem;
	--nav-element-spacing-horizontal: 0.5rem;
	--nav-link-spacing-vertical: 0.5rem;
	--nav-link-spacing-horizontal: 0.5rem;
	--navbar-heading-font-size: 1em;
	--navbar-color: var(--featured-color);
	--navbar-heading-color: var(--black);
	--navbar-heading-weight: 400;
	--navbar-link-color: var(--black);
	--navbar-icon-color: var(--grey);

	/* hover/active */
	--navbar-active-color: transparent;
	--navbar-active-text-color: var(--black);
	--navbar-hover-color: var(--off-white);
	--navbar-hover-text-color: var(--black);

	/* nav - dropdowns */
	--navbar-dropdown-width: 240px;
	--navbar-dropdown-item-height: 40px;
	--navbar-dropdown-color: var(--grey);
	--navbar-dropdown-text-color: var(--black);
	--navbar-dropdown-text-size: .875rem;
	--navbar-sidebar-color: var(--off-white);
	--navbar-sidebar-text-color: var(--grey);
	--navbar-sidebar-hover-color: var(--off-white);
	--navbar-popout-color: var(--white);
	--navbar-menu-button-color: var(--blue);

	/* misc */
	--transition: 0.5s ease-in-out;
}

/* -------------------------------------------------------------------------------------
 Reset
------------------------------------------------------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,
address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,
tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,
tr,th,td {
	vertical-align: baseline;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	-webkit-font-smoothing: antialiased;
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section {
	display: block;
}

input,select,textarea {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

input:focus,textarea:focus,select:focus {
	outline-offset: 0;
}

@media (prefers-reduced-motion: reduce) {
    * { transition: none; }
}

/* -------------------------------------------------------------------------------------
 Normalise
------------------------------------------------------------------------------------- */
html {
	line-height: var(--line-height);
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}

hr {
	overflow: visible;

	box-sizing: content-box;
	height: 0;
}

pre {
	font-family: monospace;
	font-size: 1em;
}

a {
	background-color: transparent;
}

abbr[title] {
	border-bottom: none;

	text-decoration: underline;
	text-decoration: underline dotted;
}

b,strong {
	font-weight: var(--font-weight, 600);
}

code,kbd,samp {
	font-family: monospace;
	font-size: 1em;
}

small {
	font-size: 80%;
}

sub,sup {
	position: relative;
	vertical-align: baseline;
	font-size: 75%;
	line-height: 0;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

img,picture,video,canvas,svg {
	display: block;
	max-width: 100%;
	height: auto;
	margin: auto;
}
.imgcont img {
	display: block;
}

button,input,optgroup,select,textarea {
	margin: 0;

	font-family: inherit;
	font-size: 100%;
	line-height: 1;
}

button,input {
	overflow: visible;
}

button,select {
	text-transform: none;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	padding: 0;
	border-style: none;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

legend {
	display: table;
	box-sizing: border-box;
	max-width: 100%;
	padding: 0;
	color: inherit;
	white-space: normal;
}

progress {
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"] {
	outline-offset: -2px;
	-webkit-appearance: textfield;
}

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	font: inherit;
	-webkit-appearance: button;
}

details {
	display: block;
}

summary {
	display: list-item;
}

template {
	display: none;
}

[hidden] {
	display: none;
}

::placeholder,
::-ms-input-placeholder {
	color: var(--grey);
	opacity: 1;
}


/* -------------------------------------------------------------------------------------
 Page
------------------------------------------------------------------------------------- */
body {
	background-color: var(--background-color);
	font-family: var(--text-font);
	font-size: var(--font-size);
	-webkit-font-smoothing: antialiased;
}

/* -------------------------------------------------------------------------------------
 Typography
------------------------------------------------------------------------------------- */

/* Defaults
------------------------------------------------------- */
p {
	font-family: var(--text-font);
	font-size: var(--font-size, 1em);
}

a,[role=link] {
	--background-color: transparent;

	outline: none;
	background-color: var(--background-color);

	color: var(--text-link-color);
	text-decoration: var(--text-decoration);
	text-decoration-color: var(--text-decoration-color);
}

a:focus-visible, [role=link]:focus-visible {
    outline: 2px solid var(--featured-color);
    outline-offset: 2px;
}

a:is([aria-current], :hover, :active, :focus),
[role=link]:is([aria-current], :hover, :active, :focus) {
	--color: var(--text-link-color-hover);
	--text-decoration: underline;
}

h1,h2,h3,h4,h5,h6 {
	font-family: var(--heading-font);
	font-size: var(--heading-font-size);
	font-weight:var(--font-weight);
	overflow-wrap: break-word;
	color: var(--heading-color, var(--black));
	letter-spacing: var(--letter-spacing);
	text-wrap: pretty;
}

em {
	font-style: italic;
}


[type=checkbox],
[type=radio] {
	--border-width: 2px;
}

[type=checkbox][role=switch] {
	--border-width: 3px;
}

pre,
code,
kbd,
samp {
	font-family: monospace;
}

kbd {
	--font-weight: 400;
}

textarea {
	padding: var(--half-spacing);

	border-radius: 0;
	border: 1px solid var(--border-color);

	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}

select {
	display: inline;
	padding-right: 2em;
	padding-left: 1.5em;
	max-width: 100%;
	background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48dGl0bGU+YXJyb3dzPC90aXRsZT48cG9seWdvbiBmaWxsPSIjNDQ0IiBwb2ludHM9IjEuNDEgNC42NyAyLjQ4IDMuMTggMy41NCA0LjY3IDEuNDEgNC42NyIvPjxwb2x5Z29uIGZpbGw9IiM0NDQiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) var(--grey) no-repeat right .5em center;
	border: 1px solid var(--border-color);
	border-radius: var(--border-radius);
	color: var(--text-color);
	font-size: 1rem;
	font-family: var(--text-font);
	cursor: pointer;
}

/* Articles - may require many unsets for other things
------------------------------------------------------- */
.artp ul.nobullets {
	margin: .5em 0;
	list-style-type: none;
}

.artp h4{
	--heading-font-size:16px;
	--font-weight:700;
	margin:2rem;
}

.artp ol {
	padding-inline-start: 2em;
	margin-block-start: 1em;
	margin-block-end: 1em;
	list-style-type: decimal;
}

.artp li {
	margin: 1em;
	margin-block-start: 1em;
	margin-block-end: 1em;
	list-style-position:inside;
}

.artp li::marker {
	color: var(--blue);
}

.artp a:hover {
	text-decoration: underline;
	text-decoration-color: var(--text-decoration-color);
}

/* Buttons
------------------------------------------------------- */
.submit,
.btn {
	--button-text-color: var(--white);
	--button-border-color: var(--blue);
	--button-color: var(--blue);
	--button-hover-text-color: var(--white);
	--button-hover-color: var(--light-blue);
	--font-weight: 400;

	display: inline-block;
	vertical-align: middle;

	padding: .5em 2em;

	background-color: var(--button-color);
	border: 1px solid var(--button-border-color);
	border-radius: var(--border-radius);
	outline: none;

	font-size: 1em;
	font-weight: var(--font-weight);
	text-align: center;
	font-family: var(--button-font);
	text-transform: capitalize;
	color: var(--button-text-color);

	cursor: pointer;
}

.submit:hover,
.btn:hover {
	background: rgb(from var(--button-color) calc(r + 20) calc(g + 20) calc(b + 20));
	border-color: rgb(from var(--button-color) calc(r + 20) calc(g + 20) calc(b + 20));
}

.submit:focus-visible,
.btn:focus-visible {
	outline: 2px solid var(--featured-color);
	outline-offset: 2px;
}

.btn.white {
	--button-text-color: var(--black);
	--button-border-color: var(--white);
	--button-color: var(--white);
	--button-hover-text-color: var(--blue);
	--button-hover-color: var(--grey);
}


.btn.link {
	--button-color: transparent;
	--button-text-color: var(--text-color);
	--button-border-color: var(--text-color);
	--button-hover-text-color: var(--text-color);
}

.btn.link:hover {
	--button-hover-color: transparent;
	--button-hover-text-color: var(--text-color);
	border: none;
	text-decoration: none;
}

/* iphone specific overrides */
textarea,
input.text,
input.inputtext,
input.inputtext_short,
.ui-widget select,
input[type="text"],
input[type="email"],
input[type="button"],
input[type="submit"],
input[type="image"],
input#searchbox,
.input-checkbox {
	width: auto;
	border-width: 1px;
	border-style: solid;
	font-size: 16px;
	font-weight: 400;
}

td a.btn {
	display: block;
}

input.inputtext,
input.inputtext_light {
	padding: .5em 1em;

	border: 1px solid var(--border-color);
	background-color: var(--off-white);

	font-size: 1rem;
	color: var(--text-color);
}

/* -------------------------------------------------------------------------------------
 SiteContainers
------------------------------------------------------------------------------------- */
#cont {
	display: flex;
	flex-direction: column;
	margin: auto;
	min-height: 100vh;
}

#site {
	flex: 1;
	display: flex;
	flex-direction: column;
}

/* -------------------------------------------------------------------------------------
 FIXEDTop Panel
------------------------------------------------------------------------------------- */
#ptf {
	width: 100%;
	text-align: center;
}

/* -------------------------------------------------------------------------------------
 Top Panel
------------------------------------------------------------------------------------- */
#pt {
	width: 100%;
	margin: auto;
	background-color: var(--white);
}

#pt .ext {
	--nav-width: 500px;
	--logo-width: 176px;

	position: relative;
	display: grid;
	align-items: center;

	margin: 0 auto;
	padding: 1em 0;
}

#pt .ext>* {
	min-width: 0;
}

/* defaults */
li.pipe {
	display: none;
}

/* logo
------------------------------------------------------- */
#pt .ext svg,
#pt .ext img{
	max-width:250px;
}

/* -------------------------------------------------------------------------------------
 Center Panel
------------------------------------------------------------------------------------- */
#pc {
	display: flow-root;
	position: relative;
	text-align: center;
}

/* -------------------------------------------------------------------------------------
 Main Panel
------------------------------------------------------------------------------------- */
#pmid {
	display: flex;
	flex: 1;
	width: 100%;
	margin: auto;
	z-index: 2;
}

.pmind {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	grid-gap: var(--spacing);
	grid-auto-flow: dense;
}

.page_dept .pmind {
	grid-gap: 0;
}

.pmind .pbnr {
	grid-column: 1/-1;
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	grid-gap: var(--spacing);
	grid-auto-flow: dense;
}


/* filter search results
------------------------------------------------------- */
#fs {
	display: none;
}

/* full width panel
------------------------------------------------------- */
.pmfull {
	position: relative;
	z-index: 2;
	margin: 0 auto;
	width: var(--site-max-width);
	max-width: 100%;
}

@media only screen and (max-width: 1460px) {
	.pmfull {
		padding: 1em;
		width: calc(var(--site-max-width) - 2em);
	}
}

/* left panel
------------------------------------------------------- */
#pl {
	width: 0;
	transition: var(--transition);
}

/* Right panel
------------------------------------------------------- */
#pr {
	vertical-align: top;
	width: var(--right-panel-width);
	margin: 0;
	margin-right: auto;
	margin-left: 1rem;
}

/* wide panel 
------------------------------------------------------- */
.pmwide {
	display: inline-block;
	vertical-align: top;
	width: var(--site-max-width);
	margin: 0;
	margin-left: auto;
	background-color: var(--main-panel-color);
}

.pmstd {
	width: var(--site-max-width);
}

/* -------------------------------------------------------------------------------------
 Footer Panel
------------------------------------------------------------------------------------- */
#pf {
	width: 100%;
	margin: auto;
	margin-top: 1em;
}

#pf .ext {
	position: relative;
	margin: 0 auto;
	width: 100%;
}

/* -------------------------------------------------------------------------------------
 Bottom Panel
------------------------------------------------------------------------------------- */
#pb {
	--text-link-color: var(--black);

	width: 100%;
	margin: auto;
	color: var(--black);
	background-color:var(--light-grey);
	padding-top:2em;
	margin-top:4em;
}

#pb .ext {
	--logo-width: 190px;
	max-width:var(--site-max-width);
	z-index: 1;
	position: relative;
	display: grid;

	grid-template-areas:
		"contact info news";

	margin: 0 auto;
}

/* Defaults
------------------------------------------------------- */
#pb .icon img {
	display: none;
}

#pb h2,
#pb h3 {
	--heading-font-size: 20px;
	margin-bottom:1rem;
}

#pb li {
	list-style: none;
	margin:1em 0;
}

#pb a{
	text-decoration-color: var(--light-blue)
}


.contact li{
	display: flex;
	align-items: flex-start;
	gap: 0.5em;
	/* margin:0; */
}
.contact li::before{
	font-family: var(--font-awesome);
}

.contact .address::before{
	content:"\f3c5";
}
.contact .tel::before{
	content:"\f095";
}
.contact .email::before{
	content:"\f0e0";
}

/* Layout
------------------------------------------------------- */
#a143785985{
	grid-area:contact;
}
#p55181312{
	grid-area:info;
}

#p55181313{
	grid-area:news
}


/* Newsletter
------------------------------------------------------- */
.news_input_container{
	margin:1em 0;
	padding:.5em;
	display: grid;
	grid-template-areas:
		"email submit";
	--spacerwidth:auto;
	background-color:var(--white);
}

.news .submit{
	--button-color:var(--light-blue);
	--button-border-color:var(--light-blue);

	grid-area:submit;
}

.news #email{
	grid-area:email;
	display:inline-block;
	vertical-align:middle;
	margin:0;

	border:0;
	background-color:var(--white);
	
}


/* -------------------------------------------------------------------------------------
 FIXEDBottom Panel
------------------------------------------------------------------------------------- */
#pbf {
	--font-size: 12px;
	--text-link-color: var(--black);
	font-size:var(--font-size);

	background-color: var(--light-grey);
}

#pbf .ext {
	position: relative;
	display: grid;
	grid-template-areas: ". info .";
	grid-template-columns:
		var(--spacer-width)
		minmax(0, 1fr)
		minmax(0, 1fr)
		var(--spacer-width);

	text-align: center;
	color: var(--black);
}

.etailcopy {
	grid-area: copyright;
	align-content: center;
	text-align: left;
}

.etailcopy p {
	display: inline-block;
	margin: 0 .5rem;
}

.etail,
.etail a {
	color: var(--grey);
}

/* -------------------------------------------------------------------------------------
 Breadcrumb
------------------------------------------------------------------------------------- */
.bdcb {
	width: var(--site-max-width);
	margin: var(--spacing) auto;
	padding: 0;
	text-align: center;
}

.home .bdcb {
	display: none;
}

.crumb {
	display: block;
	text-align: left;
}

.bdcb li {
	display: inline-block;
	margin: 0;
	list-style: none;
}

.bdcb li a,
.bdcb li h1 {
	display: inline-block;
	vertical-align: middle;

	padding: 0;
	margin: 0;

	font-family: var(--text-font);
	color: var(--text-color-light);
	font-size: 12px;
	font-weight: normal;
	letter-spacing: normal;
}

.bdcb li h1 {
	margin: 0;
	font-size: 12px;
}

.bdcb li:after {
	display: inline-block;
	margin: .25rem;
	font-family: var(--text-font);
	color: var(--text-color-light);
	font-size: .825rem;
	font-weight: normal;
	content: ">";
}

.bdcb li:last-child:after {
	display: none;
	margin: 0;
	content: "";
}

.bdcb span {
	display: inline-block;
	margin: 0;
}

/* -------------------------------------------------------------------------------------
 Grid Layout
------------------------------------------------------------------------------------- */


.art,
.prdlst,
.carousel,
.brnd,
#depts {
	grid-column: 1/-1;
}

.fullWidth img,
.halfWidth img,
.thirdWidth img,
.quarterWidth img,
.twoThirdWidth img,
.fullWidth picture,
.thirdWidth picture,
.quarterWidth picture,
.twoThirdWidth picture {
	display: block;

	width: 100%;
	height: auto;
}

/* layout base classes
------------------------------------------------------- */
.fullWidth {
	grid-column: 1/-1;
}

.halfWidth {
	grid-column: auto / span 6;
}

.quarterWidth {
	grid-column: auto / span 3;
}

.threeQuarter {
	grid-column: auto / span 9;
}

.thirdWidth {
	grid-column: auto / span 4;
}

.twoThirdWidth {
	grid-column: auto / span 8;
}

.fullWidth,
.halfWidth,
.quarterWidth,
.threeQuarter,
.thirdWidth,
.twoThirdWidth {
	position: relative;
}

.fullWidth img,
.halfWidth img,
.quarterWidth img,
.threeQuarter img,
.thirdWidth img,
.twoThirdWidth img {
	width: 100%;
}

.textImage {
	display: grid;
	grid-template-areas: "text image";
	grid-template-columns:
		minmax(0, 1fr)
		auto;
	grid-gap: 2em;
	align-items: center;
}

.textImage .artp {
	grid-area: text;

	text-align: left;
}

.imageText {
	display: grid;
	grid-template-areas: "image text";
	grid-template-columns:
		auto
		minmax(0, 1fr);
	grid-gap: 2em;
	align-items: center;
}

.imageText .artp {
	grid-area: text;

	text-align: left;
}

/* Headers
------------------------------------------------------- */
.plainHeader {
	grid-column: 1/-1;

	margin: 1em 0;
}

.deptHeader {
	text-align: center;
}

/* Category Links
------------------------------------------------------- */
.categoryLink {
	grid-column: 1/-1;
}

/* Utilities
------------------------------------------------------- */
.responsive-iframe {
	display: inline-block;
	vertical-align: top;

	width: calc(100% - 2em);
	margin: 1em;
}

.responsive-iframe .artp,
.responsive-iframe {
	position: relative;
	overflow: hidden;

	padding-top: 56.25%;
}

.responsive-iframe iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

ul.inline {
	padding-inline-start: 0;
	margin-block-start: 0;
	margin-block-end: 0;
}

.inline li {
	display: inline-block;
	margin: 1em;
	list-style: none;
}

/* Swiffy Sliders
------------------------------------------------------- */
/* dept sliders */
.slider-product {
	--swiffy-slider-item-count: 5;
}

/* dept sliders */
.slider-dept {
	--swiffy-slider-item-count: 5;
}

/* Featured sliders */
.slider-featured {
	--swiffy-slider-item-count: 5;
}

/* cta slider */
.slider-cta {
	--swiffy-slider-item-count: 4;
}

.slider-cta li {
	margin: 0;
}

/* product sliders */
.carousel.prod .swiffy-slider {
	--swiffy-slider-item-count: 5;
}

/* department sliders */
.carousel.dept .swiffy-slider {
	--swiffy-slider-item-count: 5;
}


/* -------------------------------------------------------------------------------------
 Sitemap
------------------------------------------------------------------------------------- */
.smap ul {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));

	list-style-position: inside;
	list-style: none;
}
/* First Level */
.smap ul li a {
	font-weight: var(--heading-font-weight);
	font-size: 1.2em;
}

/* Second Level */
.smap ul li ul {
	grid-template-columns: minmax(0, 1fr);
}

.smap ul li ul li {
	width: 100%;
}

.smap ul li ul li a {
	font-weight: normal;
	font-size: 1em;
}

/* Third Level */
.smap ul li ul li ul li a {
	font-weight: normal;
}


/* -------------------------------------------------------------------------------------
 Client Specific Stylings
------------------------------------------------------------------------------------- */
/* home page
------------------------------------------------------- */
.art#a143818752{
	margin:auto;
	width:80%;
	text-align:center;
}
/* ------------------------------------------------------------------------------------
	SCREEN - Tablet devices (landscape tablets, 768px and up) 
	Last Updated : 18. 08. 2025
	Copyright :(c) 2025 Etail Systems Ltd
	Author : Etail Systems Ltd
	
	Table of Contents
		Definitions
		Reset
		Normalise
		Page
		Typography
		SiteContainers
		Top Panel (#pt)
		Center Panel (#pc)
		Main Panel (#pmid)
		Footer Panel (#pf)
		Bottom Panel (#pb)
		Fixed Bottom Panel (#pbf)
		Breadcrumb
		Grid Layout
		Sitemap
		Client Specific Stylings

------------------------------------------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 992px)  {	
	/* -------------------------------------------------------------------------------------
	 Definitions
	------------------------------------------------------------------------------------- */
	:root{
		--site-max-width:100%;
		--site-inner-width:calc(100% - 6em);
		/* font-sizes */
		--heading-spacing:0;
		--sub-heading-spacing:0;
		--text-size:16px;
	}
	
	/* -------------------------------------------------------------------------------------
	 Page
	------------------------------------------------------------------------------------- */
	body {
		background-color: var(--background-color);
		font-family: var(--text-font);
		font-size: var(--font-size);
		-webkit-font-smoothing: antialiased;
	}
	
	/* -------------------------------------------------------------------------------------
	 Typography
	------------------------------------------------------------------------------------- */
	
	/* -------------------------------------------------------------------------------------
	 SiteContainers
	------------------------------------------------------------------------------------- */
	#cont {}
	#site {}
	
	/* -------------------------------------------------------------------------------------
	 FIXEDTop Panel
	------------------------------------------------------------------------------------- */
	#ptf {}
	
	/* -------------------------------------------------------------------------------------
	 Top Panel
	------------------------------------------------------------------------------------- */
	#pt {}
	#pt .ext {}
	
	/* -------------------------------------------------------------------------------------
	 Center Panel
	------------------------------------------------------------------------------------- */
	#pc {}
	
	/* -------------------------------------------------------------------------------------
	 Main Panel
	------------------------------------------------------------------------------------- */
	#pmid {}
	
	/* filter search results
	------------------------------------------------------- */
	
	/* full width panel
	------------------------------------------------------- */
	.pmfull {}
	
	/* left panel
	------------------------------------------------------- */
	#pl {}
	
	/* Right panel
	------------------------------------------------------- */
	#pr {}
	
	/* wide panel 
	------------------------------------------------------- */
	.pmwide {}
	.pmstd {}
	
	/* -------------------------------------------------------------------------------------
	 Footer Panel
	------------------------------------------------------------------------------------- */
	#pf {}
	#pf .ext {}
	
	/* -------------------------------------------------------------------------------------
	 Bottom Panel
	------------------------------------------------------------------------------------- */
	#pb {

	}
	#pb .ext {
		padding:1em;
	}
	
	/* -------------------------------------------------------------------------------------
	 FIXEDBottom Panel
	------------------------------------------------------------------------------------- */
	#pbf {}
	#pbf .ext {}
	
	
	/* -------------------------------------------------------------------------------------
	 Grid Layout
	------------------------------------------------------------------------------------- */
	/* layout base classes
	------------------------------------------------------- */
	.fullWidth {
		grid-column: 1/-1;
	}
	
	.halfWidth {
		grid-column: auto / span 6;
	}
	
	.quarterWidth {
		grid-column: auto / span 3;
	}
	
	.threeQuarter {
		grid-column: auto / span 9;
	}
	
	.thirdWidth {
		grid-column: auto / span 4;
	}
	
	.twoThirdWidth {
		grid-column: auto / span 8;
	}
	
	/* Headers
	------------------------------------------------------- */
	.plainHeader {
		grid-column: 1/-1;
		margin: 1em 0;
	}
	
	.deptHeader {
		text-align: center;
	}
	
	/* Category Links
	------------------------------------------------------- */
	.categoryLink {
		grid-column: 1/-1;
	}
	
	/* Swiffy Sliders
	------------------------------------------------------- */
	/* dept sliders */
	.slider-product {
		--swiffy-slider-item-count: 2;
	}
	
	/* dept sliders */
	.slider-dept {
		--swiffy-slider-item-count: 2;
	}
	
	/* Featured sliders */
	.slider-featured {
		--swiffy-slider-item-count: 2;
	}
	
	/* cta slider */
	.slider-cta {
		--swiffy-slider-item-count: 2;
	}
	
	/* product sliders */
	.carousel.prod .swiffy-slider {
		--swiffy-slider-item-count: 2;
	}
	
	/* department sliders */
	.carousel.dept .swiffy-slider {
		--swiffy-slider-item-count: 2;
	}
	
	/* -------------------------------------------------------------------------------------
	 Sitemap
	------------------------------------------------------------------------------------- */
	.smap ul {
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
	
		list-style-position: inside;
		list-style: none;
	}
	/* First Level */
	.smap ul li a {
		font-weight: var(--heading-font-weight);
		font-size: 1.2em;
	}
	
	/* Second Level */
	.smap ul li ul {
		grid-template-columns: minmax(0, 1fr);
	}
	
	.smap ul li ul li {
		width: 100%;
	}
	
	.smap ul li ul li a {
		font-weight: normal;
		font-size: 1em;
	}
	
	/* Third Level */
	.smap ul li ul li ul li a {
		font-weight: normal;
	}


	/* -------------------------------------------------------------------------------------
	 Client Specific Stylings
	------------------------------------------------------------------------------------- */
	/* home page
	------------------------------------------------------- */
	.art#a143818752{
		margin:auto;
		width:80%;
		text-align:center;
	}
	
	
}
/* ------------------------------------------------------------------------------------
	SCREEN - mobile (phones, 768px and down)   
	Last Updated : 19. 11. 2025
	Copyright :(c) 2025 Etail Systems Ltd
	Author : Etail Systems Ltd

	Table of Contents
		Definitions
		Reset
		Normalise
		Page
		Typography
		SiteContainers
		Top Panel (#pt)
		Center Panel (#pc)
		Main Panel (#pmid)
		Footer Panel (#pf)
		Bottom Panel (#pb)
		Fixed Bottom Panel (#pbf)
		Breadcrumb
		Grid Layout
		Sitemap
		Client Specific Stylings

------------------------------------------------------------------------------------- */
@media only screen and (max-width: 768px) {
	/* -------------------------------------------------------------------------------------
	 Definitions
	------------------------------------------------------------------------------------- */
	:root{
		--site-max-width:100%;
		--site-inner-width:calc(100% - 6em);
		/* font-sizes */
		--heading-spacing:0;
		--sub-heading-spacing:0;
		--text-size:16px;
	}
	
	/* -------------------------------------------------------------------------------------
	 Page
	------------------------------------------------------------------------------------- */
	body {
		background-color: var(--background-color);
		font-family: var(--text-font);
		font-size: var(--font-size);
		-webkit-font-smoothing: antialiased;
	}
	
	/* -------------------------------------------------------------------------------------
	 Typography
	------------------------------------------------------------------------------------- */
	
	/* -------------------------------------------------------------------------------------
	 SiteContainers
	------------------------------------------------------------------------------------- */
	#cont {}
	#site {}
	
	/* -------------------------------------------------------------------------------------
	 FIXEDTop Panel
	------------------------------------------------------------------------------------- */
	#ptf {}
	
	/* -------------------------------------------------------------------------------------
	 Top Panel
	------------------------------------------------------------------------------------- */
	#pt {}
	#pt .ext {}
	
	/* -------------------------------------------------------------------------------------
	 Center Panel
	------------------------------------------------------------------------------------- */
	#pc {}
	
	/* -------------------------------------------------------------------------------------
	 Main Panel
	------------------------------------------------------------------------------------- */
	#pmid {}
	
	/* filter search results
	------------------------------------------------------- */
	
	/* full width panel
	------------------------------------------------------- */
	.pmfull {}
	
	/* left panel
	------------------------------------------------------- */
	#pl {}
	
	/* Right panel
	------------------------------------------------------- */
	#pr {}
	
	/* wide panel 
	------------------------------------------------------- */
	.pmwide {}
	.pmstd {}
	
	/* -------------------------------------------------------------------------------------
	 Footer Panel
	------------------------------------------------------------------------------------- */
	#pf {}
	#pf .ext {}
	
	/* -------------------------------------------------------------------------------------
	 Bottom Panel
	------------------------------------------------------------------------------------- */
	#pb {

	}
	#pb .ext {
				padding:1em;
		grid-template-areas:
			"contact"
			"info"
			"news";
	}
	
	/* -------------------------------------------------------------------------------------
	 FIXEDBottom Panel
	------------------------------------------------------------------------------------- */
	#pbf {}
	#pbf .ext {}
	
	
	/* -------------------------------------------------------------------------------------
	 Grid Layout
	------------------------------------------------------------------------------------- */
	/* layout base classes
	------------------------------------------------------- */
	.fullWidth {
		grid-column: 1/-1;
	}
	
	.halfWidth {
		grid-column: auto / span 6;
	}
	
	.quarterWidth {
		grid-column: auto / span 3;
	}
	
	.threeQuarter {
		grid-column: auto / span 9;
	}
	
	.thirdWidth {
		grid-column: auto / span 4;
	}
	
	.twoThirdWidth {
		grid-column: auto / span 8;
	}
	
	/* Headers
	------------------------------------------------------- */
	.plainHeader {
		grid-column: 1/-1;
		margin: 1em 0;
	}
	
	.deptHeader {
		text-align: center;
	}
	
	/* Category Links
	------------------------------------------------------- */
	.categoryLink {
		grid-column: 1/-1;
	}
	
	/* Swiffy Sliders
	------------------------------------------------------- */
	/* dept sliders */
	.slider-product {
		--swiffy-slider-item-count: 2;
	}
	
	/* dept sliders */
	.slider-dept {
		--swiffy-slider-item-count: 2;
	}
	
	/* Featured sliders */
	.slider-featured {
		--swiffy-slider-item-count: 2;
	}
	
	/* cta slider */
	.slider-cta {
		--swiffy-slider-item-count: 2;
	}
	
	/* product sliders */
	.carousel.prod .swiffy-slider {
		--swiffy-slider-item-count: 2;
	}
	
	/* department sliders */
	.carousel.dept .swiffy-slider {
		--swiffy-slider-item-count: 2;
	}
	
	/* -------------------------------------------------------------------------------------
	 Sitemap
	------------------------------------------------------------------------------------- */
	.smap ul {
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
	
		list-style-position: inside;
		list-style: none;
	}
	/* First Level */
	.smap ul li a {
		font-weight: var(--heading-font-weight);
		font-size: 1.2em;
	}
	
	/* Second Level */
	.smap ul li ul {
		grid-template-columns: minmax(0, 1fr);
	}
	
	.smap ul li ul li {
		width: 100%;
	}
	
	.smap ul li ul li a {
		font-weight: normal;
		font-size: 1em;
	}
	
	/* Third Level */
	.smap ul li ul li ul li a {
		font-weight: normal;
	}


	/* -------------------------------------------------------------------------------------
	 Client Specific Stylings
	------------------------------------------------------------------------------------- */
	/* home page
	------------------------------------------------------- */
	.art#a143818752{
		margin:auto;
		width:80%;
		text-align:center;
	}
	
	
}