/*
 * Aimeos elegance template CSS
 *
 * @license LGPLv3, https://opensource.org/licenses/LGPL-3.0
 * @copyright Aimeos (aimeos.org), 2014-2022
 */


 @keyframes FadeIn {
	0% { opacity: 0 }
	100% { opacity: 1 }
}
@keyframes FadeOut {
	0% { opacity: 1 }
	100% { opacity: 0 }
}


/* Theme: Black&White */
:root {
	--ai-bg: #FFFFFF;
	--ai-bg-dark: #F4F8F8;
	--ai-primary-dark: #000000;
	--ai-primary-light: #505050;
	--ai-secondary-dark: #547468;
	--ai-secondary: #7bab9b;
	--ai-secondary-light: #eaf2f2;
	--ai-tertiary-dark: #647474;
	--ai-tertiary-light: #CADADA;
	--ai-danger: #A00000;
	--ai-success: #006000;
	--ai-warning: #FFA500;
	--ai-radius: .5rem;
	--ai-product-image-ratio: .75;
}

/* Scrollbar styles for webkit browsers */
::-webkit-scrollbar {
	background-color: var(--ai-bg);
	width: 0.35rem;
}

::-webkit-scrollbar-thumb {
	background-color: var(--ai-secondary-dark);
	outline: none;
}

/* Bootstrap */
.g-0 {
	--bs-gutter-x:0;
	--bs-gutter-y:0;
}

.d-block {
	display: block;
}

.mx-auto {
	margin-inline-start: auto;
	margin-inline-end: auto;
}

.text-center {
	text-align: center;
}

.justify-content-center {
	justify-content: center;
}

/* Scrollbar styles for Firefox */
html {
	scrollbar-color: var(--ai-secondary-dark) transparent;
	scrollbar-width: thin;
	overflow-y: scroll;
}

body {
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	text-align: start;
	color: var(--ai-primary-dark);
	background-color: var(--ai-bg);
}

a {
	text-decoration: none;
}

img {
	max-width: 100%;
}

.section {
	overflow: unset;
}

body > .content {
	position: relative;
    min-height: calc(100vh - 23.8rem);
}

.content > .container:not(.cms-page),
.content > .container-xl:not(.cms-page),
.content > .container-fluid:not(.cms-page) {
	padding-bottom: 4rem;
	padding-top: 4rem;
}

.aimeos {
	clear: both;
	text-align: start;
}

.aimeos .card-header {
	background-color: var(--ai-secondary-light);
	padding: 0.75rem 1rem;
}

.aimeos .accordion-body {
	padding: 1rem 0.25rem;
}

.aimeos .form-group {
	margin: 0.25rem 0;
}

.aimeos .card .btn {
	padding: .5rem .75rem;
	margin: 0.5rem;
}

.aimeos .hidden {
	display: none !important;
}

.aimeos .content-block {
	margin: 3rem 0;
}

.aimeos .btn {
	width: 12rem;
	max-width: 100%;
	vertical-align: top;
	border-radius: var(--ai-radius);
	margin: .5rem 0;
	color: var(--ai-primary-dark);
	background-color: var(--ai-bg);
	border: 1px solid var(--ai-secondary-dark);
	transition-property: background-color, border-color, color;
	transition-timing-function: ease-in-out;
	transition-duration: .3s;
	text-transform: uppercase;
}

.aimeos .btn-primary,
.aimeos .btn-primary:visited {
	background-color: var(--ai-secondary-dark);
	border: 1px solid var(--ai-secondary-dark);
	color: var(--ai-bg);
	border-radius: var(--ai-radius);
}

.aimeos .btn-primary:hover,
.aimeos .btn-primary:active,
.aimeos .btn-primary:focus,
.aimeos .btn-primary:not(:disabled):not(.disabled):active{
	color: var(--ai-secondary-light);
	border: 1px solid var(--ai-primary-dark);
	background-color: var(--ai-primary-dark);
	border-radius: var(--ai-radius);
}

.aimeos .btn-primary:not(:disabled):not(.disabled).active:focus,
.aimeos .btn-primary:not(:disabled):not(.disabled):active:focus,
.aimeos .show > .btn-primary.dropdown-toggle:focus {
	box-shadow: none;
}

.aimeos .btn-default,
.aimeos .btn-default:visited {
	background-color: var(--ai-secondary-light);
	border: 1px solid var(--ai-secondary-light);
	color: var(--ai-primary-dark);
	border-radius: var(--ai-radius);
}

.aimeos .btn-default:hover,
.aimeos .btn-default:active,
.aimeos .btn-default:focus,
.aimeos .btn-default:not(:disabled):not(.disabled):active{
	color: var(--ai-bg-dark);
	border: 1px solid var(--ai-secondary-light);
	background-color: var(--ai-secondary-dark);
	border-radius: var(--ai-radius);
}

.aimeos .btn-default:not(:disabled):not(.disabled).active:focus,
.aimeos .btn-default:not(:disabled):not(.disabled):active:focus,
.aimeos .show > .btn-primary.dropdown-toggle:focus {
	box-shadow: none;
}

.aimeos .btn:focus,
.aimeos .form-control:focus {
	outline-style: none;
	box-shadow: none;
}

.aimeos .input-group > *:first-child {
	border-start-start-radius: var(--ai-radius);
	border-end-start-radius: var(--ai-radius);
}

[dir="rtl"] .aimeos .input-group > *:first-child {
	border-start-end-radius: var(--ai-radius);
	border-end-end-radius: var(--ai-radius);
}

.aimeos .input-group > *:last-child {
	border-start-end-radius: var(--ai-radius);
	border-end-end-radius: var(--ai-radius);
}

.aimeos .badge {
	font-weight: 600;
	background-color: var(--ai-secondary-dark);
}

.aimeos .ratings.badge {
	margin-inline-start: 0.25rem;
	background-color: var(--ai-secondary-dark);
	color: var(--ai-bg);
	font-size: 75%;
	border-radius: var(--ai-radius);
	padding: 0.15rem 0.3rem;
}

.aimeos .form-control {
	margin: 0.375rem 0;
	color: var(--ai-primary-light);
	background-color: var(--ai-bg);
	border-radius: calc(var(--ai-radius) / 2);
	border: 1px solid var(--ai-tertiary-light);
	box-shadow: 0 0 3px rgba(0, 0, 0, .2);
}

.aimeos .form-control::placeholder {
	color: var(--ai-tertiary-dark);
}

.aimeos .form-control[type='checkbox'] {
	width: auto;
}

.aimeos .form-item label {
	color: var(--ai-tertiary-dark);
	margin: 0.75rem 0;
}

.aimeos .input-lg {
	height: auto;
}

.aimeos,
.aimeos h1, .aimeos h2,
.aimeos h3, .aimeos h4 {
	font-weight: normal;
	font-size: 100%;
	color: var(--ai-primary-dark);
}

.aimeos h1 {
	font-size: 150%;
}

.aimeos h2 {
	font-size: 125%;
}

.aimeos a:link:not(.btn),
.aimeos a:visited:not(.btn),
.aimeos a:link:not(.btn):hover,
.aimeos a:visited:not(.btn):hover {
	color: var(--ai-secondary-dark);
	text-decoration: none;
}

.aimeos input {
	border: 1px solid var(--ai-tertiary-dark);
	background-color: var(--ai-bg);
	color: var(--ai-primary-light);
}

.aimeos input:focus {
	outline: none;
}

.aimeos input:disabled,
.aimeos select:disabled
.aimeos textarea:disabled {
	border-color: var(--ai-secondary-light);
	background-color: var(--ai-secondary-light);
}

.aimeos .minibutton {
	border: 1px solid var(--ai-secondary-dark);
	border-radius: calc(var(--ai-radius) * 3);
	color: var(--ai-secondary-dark);
	vertical-align: middle;
	display: inline-flex;
	font-size: 100%;
	min-width: 1rem;
	padding: 0.5rem;
	margin: 0.25rem;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.aimeos .minibutton:hover {
	background-color: var(--ai-secondary-dark);
	color: var(--ai-bg);
}

.aimeos .minibutton:hover::after {
	color: var(--ai-bg);
}

.aimeos .minibutton::-moz-focus-inner {
	padding: 0;
	border: 0;
}

.aimeos .minibutton::after {
	vertical-align: middle;
	display: inline-block;
}

.aimeos .minibutton.add::after,
.aimeos .minibutton.delete::after {
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	background-color: currentColor;
	content: "";
	width: 1.25rem;
	height: 1.25rem;
}

.aimeos .minibutton.add::after {
	-webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z"/></svg>');
	mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M11.5 15a.5.5 0 0 0 .5-.5V2.707l3.146 3.147a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 1 0 .708.708L11 2.707V14.5a.5.5 0 0 0 .5.5zm-7-14a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L4 13.293V1.5a.5.5 0 0 1 .5-.5z"/></svg>');
}

.aimeos .minibutton.delete::after {
	-webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6z"/><path fill-rule="evenodd" d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118zM2.5 3V2h11v1h-11z"/></svg>');
	mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6z"/><path fill-rule="evenodd" d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118zM2.5 3V2h11v1h-11z"/></svg>');
}

.aimeos .minibutton.change.up {
	text-align: end;
}

.aimeos .minibutton.change.down {
	text-align: start;
}

.aimeos .button-group {
	text-align: end;
	padding: 2rem 0;
	clear: both;
}

.aimeos .button-group .btn {
	margin: 0.25rem;
	white-space: nowrap;
	border-radius: var(--ai-radius);
}

.aimeos .error-list {
	color: var(--ai-danger);
	padding: 0.5rem;
	margin-bottom: 2rem;
	list-style: none;
}

.aimeos .error-item,
.aimeos .info-item {
	text-align: center;
	padding: 0.25rem;
}

.aimeos .info-list {
	color: var(--ai-success);
	padding: 0.5rem;
	margin-bottom: 2rem;
	list-style: none;
}

.aimeos .attr-list,
.aimeos .form-list {
	padding: 0;
	margin: 0;
}

.aimeos .attr-list .custom-checkbox,
.aimeos .form-list .custom-checkbox {
	margin: 0.75rem 0;
	height: 1.25rem;
	width: 1.25rem;
}

.aimeos li.attr-item,
.aimeos li.form-item {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-bottom: 0.5rem;
}

.aimeos li.attr-item .name:after {
	content: ": ";
}

.aimeos .prototype {
	display: none !important;
}

.aimeos .lazy-image {
	background-image: url(assets/spinner.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.aimeos .pagination {
	padding-inline-start: calc(var(--bs-gutter-x) * .5);
	padding-inline-end: calc(var(--bs-gutter-x) * .5);
	color: var(--ai-primary-light);
}

.aimeos.catalog-list .pagination:first-of-type {
	text-align: start;
	display: inline-block;
}

.aimeos.catalog-list .pagination:nth-of-type(2) {
	text-align: center;
	display: block;
	margin-top: 2rem;
}

.aimeos .pagination .first,
.aimeos .pagination .last,
.aimeos .pagination .prev,
.aimeos .pagination .next {
	line-height: 1;
	background-color: var(--ai-secondary-dark);
	border-radius: calc(var(--ai-radius) / 2);
	transition: all .3s ease-in-out;
	color: var(--ai-bg) !important;
}

.aimeos .pagination .browser a:link:not(.btn):hover,
.aimeos .pagination .browser a:visited:not(.btn):hover {
	background-color: var(--ai-primary-dark);
	color: var(--ai-secondary-light);
}

.aimeos.catalog-list .pagination:first-of-type .browser,
.aimeos.catalog-list .pagination:last-of-type .sort {
	display: none;
}

.aimeos .sort {
	color: var(--ai-secondary-dark);
}

.aimeos .sort > span {
	padding-inline-end: 0.75rem;
	display: inline-block;
	font-size: 110%;
}

.aimeos .sort::before {
	-webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M11.5 15a.5.5 0 0 0 .5-.5V2.707l3.146 3.147a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 1 0 .708.708L11 2.707V14.5a.5.5 0 0 0 .5.5zm-7-14a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L4 13.293V1.5a.5.5 0 0 1 .5-.5z"/></svg>');
	mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M11.5 15a.5.5 0 0 0 .5-.5V2.707l3.146 3.147a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 1 0 .708.708L11 2.707V14.5a.5.5 0 0 0 .5.5zm-7-14a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L4 13.293V1.5a.5.5 0 0 1 .5-.5z"/></svg>');
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	background-color: currentColor;
	display: inline-block;
	content: "";
	width: 1rem;
	height: 1.25rem;
	vertical-align: middle;
}

.aimeos .option-name span,
.aimeos .option-price span {
	vertical-align: baseline;
	display: inline-block;
}

.aimeos .sort ul {
	display: inline-block;
	padding: 0.1rem 0 0 0;
	margin: 0;
}

.aimeos .sort ul li {
	display: inline-block;
}

.aimeos .sort a,
.aimeos .sort a:link,
.aimeos .sort a:visited {
	display: inline-block;
	color: var(--ai-secondary-dark);
	text-decoration: none;
	white-space: nowrap;
	line-height: 1;
	padding: 0.5rem;
	padding-inline-start: 0;
}

.aimeos .sort a:hover {
	text-decoration: underline;
}

.aimeos .sort a.active {
	font-weight: 600;
}

.aimeos .sort a.active::before {
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23FFFFFF" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8 12a.5.5 0 0 0 .5-.5V5.707l2.146 2.147a.5.5 0 0 0 .708-.708l-3-3a.5.5 0 0 0-.708 0l-3 3a.5.5 0 1 0 .708.708L7.5 5.707V11.5a.5.5 0 0 0 .5.5z"/></svg>');
	background-color: var(--ai-secondary-dark);
	border-radius: calc(var(--ai-radius) / 2);
	display: inline-block;
	cursor: pointer;
	width: 1rem;
	height: 1rem;
}

.aimeos .sort a.active.desc::before {
	transform: rotate(180deg);
}

.aimeos .browser {
	display: inline-flex;
	align-items: center;
}

.aimeos .browser span,
.aimeos .browser a {
	display: inline-block;
	color: var(--ai-secondary-dark);
	text-decoration: none;
	text-align: center;
	font-weight: 600;
	margin: 0 0.25rem;
	padding: 0.5rem 0.75rem;
}

.aimeos .browser a.prev::before,
.aimeos .browser a.next::before,
.aimeos .browser a.first::before,
.aimeos .browser a.last::before {
	background-color: var(--ai-secondary-dark);
	border-radius: calc(var(--ai-radius) / 2);
	transition: all .3s ease-in-out;
	display: inline-block;
	cursor: pointer;
	width: 1.5rem;
	height: 1.5rem;
}

.aimeos .browser a.prev:hover::before,
.aimeos .browser a.next:hover::before,
.aimeos .browser a.first:hover::before,
.aimeos .browser a.last:hover::before {
	background-color: var(--ai-primary-dark);
}

.aimeos .browser a.prev::before,
.aimeos .browser a.next::before {
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23FFFFFF" 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"/></svg>');
}

.aimeos .browser a.first::before,
.aimeos .browser a.last::before {
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23FFFFFF" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.354 1.646a.5.5 0 0 1 0 .708L2.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 fill-rule="evenodd" d="M12.354 1.646a.5.5 0 0 1 0 .708L6.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"/></svg>');
}

.aimeos .browser a.next::before,
.aimeos .browser a.last::before {
	transform: rotate(180deg);
}

.aimeos .loading {
	background-image: url(assets/spinner.svg);
	background-repeat: no-repeat;
	background-position: center;
}

.aimeos-spinner {
	background-image: url(assets/spinner.svg);
	background-repeat: no-repeat;
	background-position: center;
	position: fixed;
	z-index: 10000;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
}

.aimeos-overlay,
.aimeos-overlay-offscreen {
	background-color: rgba(0, 0, 0, .4);
	position: fixed;
	display: none;
	z-index: 1500;
	height: 100%;
	width: 100%;
	bottom:0;
	right:0;
	left: 0;
	top:0;
}

.aimeos-overlay-offscreen {
	z-index: 1020;
}

.aimeos-overlay.show,
.aimeos-overlay-offscreen.show {
	display: block;
}

.aimeos-container {
	border: 1px solid var(--ai-tertiary-dark);
	background-color: var(--ai-bg);
	position: absolute;
	max-width: 65rem;
	z-index: 1501;
	opacity: 1;
	padding: 1%;
	width: 98%;
}

.aimeos-container .btn-close {
	-webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/><path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"/></svg>');
	mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/><path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"/></svg>');
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	background-color: currentColor;
	cursor: pointer;
	display: block;
	content: "";
	width: 1.75rem;
	height: 1.75rem;
	margin-inline-start: auto;
}

.content .imagelist-default img {
	width: 100%;
	height: auto;
	position: relative;
	margin: 0 auto;
}

/* content-list section */

.back-to-top {
	position: fixed;
	bottom: 2rem;
	right: 1.5rem;
	padding: .25rem;
	cursor: pointer;
	opacity: 0;
	z-index: 999;
	transition: all 0.5s ease;
	transform: translateY(6rem);
	border-radius: calc(var(--ai-radius) / 2);
	background-color: var(--ai-secondary-dark);
}

.back-to-top .top-icon:before {
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23FFFFFF" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8 15a.5.5 0 0 0 .5-.5V2.707l3.146 3.147a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 1 0 .708.708L7.5 2.707V14.5a.5.5 0 0 0 .5.5z"/></svg>');
	display: inline-block;
	width: 1.5rem;
	height: 1.5rem;
	vertical-align: middle;
}

.back-to-top:hover {
	background-color: var(--ai-primary-dark);
	color: var(--ai-secondary-light);
	border: 1px solid var(--ai-secondary-dark);
}

.back-to-top.show {
	border: 1px solid var(--ai-bg);
	transform: translateY(0);
	opacity: 1;
}

/*---------------------------------- Footer ----------------------------------*/

footer {
	color: var(--ai-bg);
	background-color: var(--ai-primary-dark);
	padding: 3rem 0;
}

footer .bi{
	margin-right: .5rem;
}

[dir="rtl"] footer .bi {
	margin-inline-start: .5rem;
	margin-right: 0;
}

footer h2 {
	font-size: 1.5rem;
	letter-spacing: 1.5px;
	margin-bottom: 1rem;
	color: var(--ai-bg);
	font-weight: 600;
}

footer p {
	transition: color .3s;
	margin-bottom: .5rem;
}

footer a {
	color: var(--ai-bg);
}

footer a:hover {
	color: var(--ai-tertiary-light);
	transition: color .3s;
	text-decoration: none;
}

footer .logo {
	margin-bottom: 1rem;
	display: block;
}

footer .footer-left,
footer .footer-center,
footer .footer-right{
	text-align: start;
}

.footer-block {
	position: relative;
	margin: 0 auto;
	text-align: start;
	display: inline-block;
	margin-bottom: 3rem;
}

.footer-right .social a {
	border: 2px solid var(--ai-bg);
	border-radius: calc(var(--ai-radius) * 3);
	background-color: var(--ai-primary-dark);
	display: inline-block;
	margin: 0 .25rem;
	height: 2.5rem;
	width: 2.5rem;
}

.footer-right .social .facebook:before,
.footer-right .social .twitter:before,
.footer-right .social .instagram:before,
.footer-right .social .youtube:before {
	display: inline-block;
	height: 1.5rem;
	width: 1.5rem;
	margin: 0.375rem;
}


.footer-right .social .facebook:before {
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23FFFFFF" viewBox="0 0 16 16"><path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"/></svg>');
}

.footer-right .social .twitter:before {
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23FFFFFF" viewBox="0 0 16 16"><path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"/></svg>');
}

.footer-right .social .instagram:before {
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23FFFFFF" viewBox="0 0 16 16"><path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z"/></svg>');
}

.footer-right .social .youtube:before {
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23FFFFFF" viewBox="0 0 16 16"><path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408L6.4 5.209z"/></svg>');
}

@media (min-width:768px) {

	footer .footer-left,
	footer .footer-center,
	footer .footer-right {
		text-align: center;
	}

	.footer-block {
		margin-bottom: 0rem;
	}

}

/* Navbar */

.navbar > .catalog-filter {
	display: none;
}

.navbar {
	color: var(--ai-secondary-dark);
	background-color: var(--ai-secondary-light);
	position: relative;
	display: block;
	top: 0;
	right: 0;
	left: 0;
	padding: 0;
	z-index: 1030;
}

.navbar-sub {
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	align-self: flex-start;
	min-height: 6rem;
}

.navbar-right {
	display: flex;
	margin-inline-start: auto;
	height: calc(6rem - 64px);
}

.navbar-collapse {
	position: relative;
	text-align: center;
	background-color: var(--ai-primary-dark);
}

.navbar>.container-xxl {
	justify-content: end;
}

.navbar-brand {
	margin-inline-end: auto;
	max-width: 50%;
}

.navbar-nav {
	padding: 0;
	align-self: center;
}

.navbar-nav .active > .nav-link {
	color: var(--ai-bg) !important;
}

.navbar-nav .dropdown-menu {
	background-color: var(--ai-secondary-light);
	border: 1px solid var(--ai-primary-light);
	min-width: auto;
}

navbar-nav .dropdown-item {
	padding: 0;
}

.navbar-expand-md .navbar-nav .nav-link {
	padding: .5rem 1rem;
}

.navbar-nav .nav-link,
.navbar-default .navbar-nav .nav-link,
.navbar-default-transition .navbar-nav .nav-link,
.navbar-default-transition.navbar-transition .navbar-nav .nav-link {
	color: var(--ai-primary-dark);
}

.navbar-nav .nav-link:hover,
.navbar-default .navbar-nav .nav-link:hover,
.navbar-default-transition .navbar-nav .nav-link:hover,
.navbar-default-transition.navbar-transition .navbar-nav .nav-link:hover {
	color: var(--ai-bg);
}

.navbar-nav .dropdown-menu button {
	background: none;
	border: none;
}

.navbar-nav .dropdown-item:focus,
.navbar-nav .dropdown-item:hover {
	background-color: var(--ai-secondary-dark);
}

@media (max-width:767px) {

	.navbar-expand-md .navbar-collapse {
		display: -ms-flexbox !important;
		display: flex !important;
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
	}

	.navbar-expand-md .navbar-toggler {
		display: none;
	}
}

@media (min-width:768px) {

	.navbar .catalog-filter:first-child {
		margin-inline-start: auto;
		margin-inline-end: auto;
		display: inline-block;
	}
}

.navbar .catalog-filter-search .search-lists {
	padding: 0;;
}

.navbar .catalog-filter-tree {
	margin-inline-start: auto;
}

/* avoid unstyled categories if catalog-filter.css isn't loaded */
.catalog-filter-tree .level-1 {
	display: none;
}

.navbar .catalog-filter-tree .category-selected,
.navbar .catalog-filter  .catalog-filter-price,
.navbar .catalog-filter  .catalog-filter-supplier,
.navbar .catalog-filter  .catalog-filter-attribute,
.navbar .catalog-filter-search .reset {
	display: none;
}

/*----------------------------- Profile Navbar --------------------------------*/

.navbar-nav .nav-item > .nav-link > span {
	display: none;
}

.navbar-nav .login > .nav-link,
.navbar-nav .register > .nav-link,
.navbar-nav .profile > .nav-link {
	padding: 0.5rem;
}

.navbar-nav .login > .nav-link::before,
.navbar-nav .register > .nav-link::before,
.navbar-nav .profile > .nav-link::before {
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	background-color: currentColor;
	color: var(--ai-primary-dark);
	text-decoration: none;
	position: relative;
	text-align: center;
	font-size: 165%;
	display: block;
	content: "";
	height: 2rem;
	width: 2rem;
}

.navbar-nav .login > .nav-link::before,
.navbar-nav .profile > .nav-link::before {
	-webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0z"/><path fill-rule="evenodd" d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm8-7a7 7 0 0 0-5.468 11.37C3.242 11.226 4.805 10 8 10s4.757 1.225 5.468 2.37A7 7 0 0 0 8 1z"/></svg>');
	mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0z"/><path fill-rule="evenodd" d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm8-7a7 7 0 0 0-5.468 11.37C3.242 11.226 4.805 10 8 10s4.757 1.225 5.468 2.37A7 7 0 0 0 8 1z"/></svg>');
}

.navbar-nav .register > .nav-link::before {
	-webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M12.5 16a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm.5-5v1h1a.5.5 0 0 1 0 1h-1v1a.5.5 0 0 1-1 0v-1h-1a.5.5 0 0 1 0-1h1v-1a.5.5 0 0 1 1 0Zm-2-6a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/><path d="M2 13c0 1 1 1 1 1h5.256A4.493 4.493 0 0 1 8 12.5a4.49 4.49 0 0 1 1.544-3.393C9.077 9.038 8.564 9 8 9c-5 0-6 3-6 4Z"/></svg>');
	mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M12.5 16a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm.5-5v1h1a.5.5 0 0 1 0 1h-1v1a.5.5 0 0 1-1 0v-1h-1a.5.5 0 0 1 0-1h1v-1a.5.5 0 0 1 1 0Zm-2-6a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/><path d="M2 13c0 1 1 1 1 1h5.256A4.493 4.493 0 0 1 8 12.5a4.49 4.49 0 0 1 1.544-3.393C9.077 9.038 8.564 9 8 9c-5 0-6 3-6 4Z"/></svg>');
}

.navbar-nav .login > .nav-link::after {
	position: absolute;
	top: 0.25rem;
	right: 0;
	color: var(--ai-secondary-light);
	display: none;
}

/* slider */

.aimeos .swiffy-slider {
	--swiffy-slider-snap-align: start;
}

@media (min-width: 520px) {
	.aimeos .swiffy-slider {
		--swiffy-slider-item-count: 2;
	}
}

@media (min-width: 768px) {
	.aimeos .swiffy-slider {
		--swiffy-slider-item-count: 3;
	}
}

@media (min-width: 992px) {
	.aimeos .swiffy-slider {
		--swiffy-slider-item-count: 4;
	}
}

/* Product */

.aimeos:not(.cms-page) .product-list .product {
    border-radius: calc(var(--ai-radius) * 2);
	flex-direction: column;
	color: var(--ai-primary);
	vertical-align: top;
	position: relative;
	text-align: end;
	margin: 2rem 1%;
	display: flex;
}

.aimeos:not(.cms-page) .product-list .product {
	width: 48%;
}

@media (min-width: 576px) {
	.aimeos:not(.cms-page) .product-list .product {
		width: 31.333%;
	}
}

@media (min-width: 1200px) {
	.aimeos:not(.cms-page) .product-list .product {
		width: 23%;
	}
}

/* product media */

.aimeos .product .swiffy-slider {
	--swiffy-slider-item-ratio: var(--ai-product-image-ratio);
}

.aimeos .list .product .media-list div:first-of-type,
.aimeos .product-list .media-list div:first-of-type {
	z-index: 1;
	opacity: 1;
	transition: opacity .3s linear;
}

.aimeos .list .product .media-list.multiple:hover div:first-of-type,
.aimeos .product-list .media-list.multiple:hover div:first-of-type {
	transition: opacity .3s linear;
	opacity: 0;
}

.aimeos .list .product div.list-column:first-of-type .media-list,
.aimeos .product-list div.list-column:first-of-type .media-list {
	padding-top: calc( 100% / (var(--ai-product-image-ratio)));
	position: relative;
	display: block;
	content: "";
}

.aimeos .list .product div.list-column:first-of-type .media-item,
.aimeos .product-list div.list-column:first-of-type .media-item {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.aimeos .list .product div.list-column:first-of-type .media-item > img,
.aimeos .product-list div.list-column:first-of-type .media-item > img {
	max-height: 100%;
	width: 100%;
}

/* Product social/action buttons */

.aimeos .product .catalog-actions,
.aimeos .product .catalog-social {
	white-space: nowrap;
	margin: .5rem 0;
}

.aimeos .product .catalog-social .social-button,
.aimeos .product .catalog-actions .actions-button {
	color: var(--ai-secondary-dark);
	display: inline-block;
	text-decoration: none;
	padding: 0.5rem;
	margin: 0 0.25rem;
	border: none;
	background: none;
	line-height: 1;
}

.aimeos .product .catalog-social .social-button-facebook {
	margin-inline-start: 0;
}

.aimeos .product .catalog-actions .actions-button-favorite {
	margin-inline-end: 0;
}

.aimeos .product .catalog-social .social-button:hover,
.aimeos .product .catalog-actions .actions-button:hover {
	color: var(--ai-primary-dark);
}

.aimeos .product .catalog-social .social-button:before,
.aimeos .product .catalog-actions .actions-button:before {
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	background-color: currentColor;
	display: inline-block;
	content: "";
	width: 2rem;
	height: 2rem;
}

.aimeos .product .catalog-social .social-button-facebook:before {
	-webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"/></svg>');
	mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"/></svg>');
}

.aimeos .product .catalog-social .social-button-whatsapp:before {
	-webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M 7.9941406 0 C 3.6271406 0 0.068453125 3.5577813 0.064453125 7.9257812 C 0.064453125 9.3247812 0.43009375 10.685625 1.1210938 11.890625 L 0 16 L 4.203125 14.898438 A 7.933 7.933 0 0 0 7.9941406 15.863281 L 7.9980469 15.863281 C 12.366047 15.863281 15.923734 12.305594 15.927734 7.9335938 A 7.898 7.898 0 0 0 13.599609 2.3261719 A 7.854 7.854 0 0 0 7.9941406 0 z M 5.1894531 4.265625 C 5.3224531 4.265625 5.4543594 4.2644844 5.5683594 4.2714844 C 5.6903594 4.2764844 5.8536719 4.2223281 6.0136719 4.6113281 C 6.1806719 5.0053281 6.5769531 5.9830312 6.6269531 6.0820312 C 6.6759531 6.1810312 6.705625 6.2956875 6.640625 6.4296875 C 6.575625 6.5616875 6.5433594 6.6457656 6.4433594 6.7597656 C 6.3443594 6.8737656 6.2334844 7.0174687 6.1464844 7.1054688 C 6.0474844 7.2044687 5.9445938 7.3098125 6.0585938 7.5078125 C 6.1765937 7.7048125 6.5721094 8.3558594 7.1621094 8.8808594 C 7.9181094 9.5578594 8.5569063 9.7652344 8.7539062 9.8652344 C 8.9519063 9.9632344 9.0695938 9.9474531 9.1835938 9.8144531 C 9.2975937 9.6854531 9.6775469 9.2360625 9.8105469 9.0390625 C 9.9405469 8.8410625 10.073859 8.8764062 10.255859 8.9414062 C 10.438859 9.0094062 11.412375 9.4888906 11.609375 9.5878906 C 11.807375 9.6868906 11.939281 9.7343594 11.988281 9.8183594 C 12.038281 9.9013594 12.039 10.297719 11.875 10.761719 C 11.708 11.224719 10.917109 11.647078 10.537109 11.705078 C 10.195109 11.754078 9.7660156 11.777 9.2910156 11.625 C 9.0020156 11.533 8.6321094 11.412031 8.1621094 11.207031 C 6.1731094 10.347031 4.8772969 8.3478437 4.7792969 8.2148438 C 4.6792969 8.0818438 3.96875 7.1430156 3.96875 6.1660156 C 3.96875 5.1890156 4.4781562 4.7097188 4.6601562 4.5117188 A 0.729 0.729 0 0 1 5.1894531 4.265625 z " /><path d="m 7.994,14.521 c -5.3293333,0.986 -2.6646667,0.493 0,0 z" /></svg>');
	mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M 7.9941406 0 C 3.6271406 0 0.068453125 3.5577813 0.064453125 7.9257812 C 0.064453125 9.3247812 0.43009375 10.685625 1.1210938 11.890625 L 0 16 L 4.203125 14.898438 A 7.933 7.933 0 0 0 7.9941406 15.863281 L 7.9980469 15.863281 C 12.366047 15.863281 15.923734 12.305594 15.927734 7.9335938 A 7.898 7.898 0 0 0 13.599609 2.3261719 A 7.854 7.854 0 0 0 7.9941406 0 z M 5.1894531 4.265625 C 5.3224531 4.265625 5.4543594 4.2644844 5.5683594 4.2714844 C 5.6903594 4.2764844 5.8536719 4.2223281 6.0136719 4.6113281 C 6.1806719 5.0053281 6.5769531 5.9830312 6.6269531 6.0820312 C 6.6759531 6.1810312 6.705625 6.2956875 6.640625 6.4296875 C 6.575625 6.5616875 6.5433594 6.6457656 6.4433594 6.7597656 C 6.3443594 6.8737656 6.2334844 7.0174687 6.1464844 7.1054688 C 6.0474844 7.2044687 5.9445938 7.3098125 6.0585938 7.5078125 C 6.1765937 7.7048125 6.5721094 8.3558594 7.1621094 8.8808594 C 7.9181094 9.5578594 8.5569063 9.7652344 8.7539062 9.8652344 C 8.9519063 9.9632344 9.0695938 9.9474531 9.1835938 9.8144531 C 9.2975937 9.6854531 9.6775469 9.2360625 9.8105469 9.0390625 C 9.9405469 8.8410625 10.073859 8.8764062 10.255859 8.9414062 C 10.438859 9.0094062 11.412375 9.4888906 11.609375 9.5878906 C 11.807375 9.6868906 11.939281 9.7343594 11.988281 9.8183594 C 12.038281 9.9013594 12.039 10.297719 11.875 10.761719 C 11.708 11.224719 10.917109 11.647078 10.537109 11.705078 C 10.195109 11.754078 9.7660156 11.777 9.2910156 11.625 C 9.0020156 11.533 8.6321094 11.412031 8.1621094 11.207031 C 6.1731094 10.347031 4.8772969 8.3478437 4.7792969 8.2148438 C 4.6792969 8.0818438 3.96875 7.1430156 3.96875 6.1660156 C 3.96875 5.1890156 4.4781562 4.7097188 4.6601562 4.5117188 A 0.729 0.729 0 0 1 5.1894531 4.265625 z " /><path d="m 7.994,14.521 c -5.3293333,0.986 -2.6646667,0.493 0,0 z" /></svg>');
}

.aimeos .product .catalog-social .social-button-twitter:before {
	-webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"/></svg>');
	mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"/></svg>');
}

.aimeos .product .catalog-social .social-button-pinterest:before {
	-webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8 0a8 8 0 0 0-2.915 15.452c-.07-.633-.134-1.606.027-2.297.146-.625.938-3.977.938-3.977s-.239-.479-.239-1.187c0-1.113.645-1.943 1.448-1.943.682 0 1.012.512 1.012 1.127 0 .686-.437 1.712-.663 2.663-.188.796.4 1.446 1.185 1.446 1.422 0 2.515-1.5 2.515-3.664 0-1.915-1.377-3.254-3.342-3.254-2.276 0-3.612 1.707-3.612 3.471 0 .688.265 1.425.595 1.826a.24.24 0 0 1 .056.23c-.061.252-.196.796-.222.907-.035.146-.116.177-.268.107-1-.465-1.624-1.926-1.624-3.1 0-2.523 1.834-4.84 5.286-4.84 2.775 0 4.932 1.977 4.932 4.62 0 2.757-1.739 4.976-4.151 4.976-.811 0-1.573-.421-1.834-.919l-.498 1.902c-.181.695-.669 1.566-.995 2.097A8 8 0 1 0 8 0z"/></svg>');
	mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8 0a8 8 0 0 0-2.915 15.452c-.07-.633-.134-1.606.027-2.297.146-.625.938-3.977.938-3.977s-.239-.479-.239-1.187c0-1.113.645-1.943 1.448-1.943.682 0 1.012.512 1.012 1.127 0 .686-.437 1.712-.663 2.663-.188.796.4 1.446 1.185 1.446 1.422 0 2.515-1.5 2.515-3.664 0-1.915-1.377-3.254-3.342-3.254-2.276 0-3.612 1.707-3.612 3.471 0 .688.265 1.425.595 1.826a.24.24 0 0 1 .056.23c-.061.252-.196.796-.222.907-.035.146-.116.177-.268.107-1-.465-1.624-1.926-1.624-3.1 0-2.523 1.834-4.84 5.286-4.84 2.775 0 4.932 1.977 4.932 4.62 0 2.757-1.739 4.976-4.151 4.976-.811 0-1.573-.421-1.834-.919l-.498 1.902c-.181.695-.669 1.566-.995 2.097A8 8 0 1 0 8 0z"/></svg>');
}

.aimeos .product .catalog-actions form {
	display: inline-block;
}

.aimeos .product .catalog-actions .actions-button-favorite:before {
	-webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z"/></svg>');
	mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z"/></svg>');
}

.aimeos .product .catalog-actions .actions-button-pin:before {
	-webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M9.828.722a.5.5 0 0 1 .354.146l4.95 4.95a.5.5 0 0 1 0 .707c-.48.48-1.072.588-1.503.588-.177 0-.335-.018-.46-.039l-3.134 3.134a5.927 5.927 0 0 1 .16 1.013c.046.702-.032 1.687-.72 2.375a.5.5 0 0 1-.707 0l-2.829-2.828-3.182 3.182c-.195.195-1.219.902-1.414.707-.195-.195.512-1.22.707-1.414l3.182-3.182-2.828-2.829a.5.5 0 0 1 0-.707c.688-.688 1.673-.767 2.375-.72a5.922 5.922 0 0 1 1.013.16l3.134-3.133a2.772 2.772 0 0 1-.04-.461c0-.43.108-1.022.589-1.503a.5.5 0 0 1 .353-.146zm.122 2.112v-.002.002zm0-.002v.002a.5.5 0 0 1-.122.51L6.293 6.878a.5.5 0 0 1-.511.12H5.78l-.014-.004a4.507 4.507 0 0 0-.288-.076 4.922 4.922 0 0 0-.765-.116c-.422-.028-.836.008-1.175.15l5.51 5.509c.141-.34.177-.753.149-1.175a4.924 4.924 0 0 0-.192-1.054l-.004-.013v-.001a.5.5 0 0 1 .12-.512l3.536-3.535a.5.5 0 0 1 .532-.115l.096.022c.087.017.208.034.344.034.114 0 .23-.011.343-.04L9.927 2.028c-.029.113-.04.23-.04.343a1.779 1.779 0 0 0 .062.46z"/></svg>');
	mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M9.828.722a.5.5 0 0 1 .354.146l4.95 4.95a.5.5 0 0 1 0 .707c-.48.48-1.072.588-1.503.588-.177 0-.335-.018-.46-.039l-3.134 3.134a5.927 5.927 0 0 1 .16 1.013c.046.702-.032 1.687-.72 2.375a.5.5 0 0 1-.707 0l-2.829-2.828-3.182 3.182c-.195.195-1.219.902-1.414.707-.195-.195.512-1.22.707-1.414l3.182-3.182-2.828-2.829a.5.5 0 0 1 0-.707c.688-.688 1.673-.767 2.375-.72a5.922 5.922 0 0 1 1.013.16l3.134-3.133a2.772 2.772 0 0 1-.04-.461c0-.43.108-1.022.589-1.503a.5.5 0 0 1 .353-.146zm.122 2.112v-.002.002zm0-.002v.002a.5.5 0 0 1-.122.51L6.293 6.878a.5.5 0 0 1-.511.12H5.78l-.014-.004a4.507 4.507 0 0 0-.288-.076 4.922 4.922 0 0 0-.765-.116c-.422-.028-.836.008-1.175.15l5.51 5.509c.141-.34.177-.753.149-1.175a4.924 4.924 0 0 0-.192-1.054l-.004-.013v-.001a.5.5 0 0 1 .12-.512l3.536-3.535a.5.5 0 0 1 .532-.115l.096.022c.087.017.208.034.344.034.114 0 .23-.011.343-.04L9.927 2.028c-.029.113-.04.23-.04.343a1.779 1.779 0 0 0 .062.46z"/></svg>');
}

.aimeos .product .catalog-actions .actions-button-watch:before {
	-webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z"/><path d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z"/></svg>');
	mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z"/><path d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z"/></svg>');
}

/* Product badges */

.aimeos .product .badges {
	position: absolute;
	top: 1rem;
	z-index: 2;
}

.aimeos .product .rebatepercent {
	position: absolute;
	top: 3%;
	right: 0;
	z-index: 2;
}

.aimeos .product .rebatepercent,
.aimeos .product .badge-item {
	background-color: var(--ai-primary-light);
	color: var(--ai-bg);
	display: none;
	font-weight: 600;
	padding: 0 0.5rem;
	letter-spacing: 1.5px;
	text-transform: uppercase;
}

.aimeos .product .rebatepercent,
.aimeos .product .new .badge-item.new,
.aimeos .product .sale .badge-item.sale {
	display: block;
}

.aimeos .product .sale .badge-item.sale {
	background-color: var(--ai-warning);
}

.aimeos .product .rebatepercent {
	background-color: var(--ai-danger);
}

.aimeos .product-info {
	display: flex;
	padding: 0.3rem 0;
	margin-top: 0.5rem;
	justify-content: space-between;
}

/* product media */

.aimeos .product .swiffy-slider {
	--swiffy-slider-item-ratio: var(--ai-product-image-ratio);
}

.aimeos .product .list-column {
	padding: 1% 5%;
	width: 100%;
	z-index: 1;
}

.aimeos:not(.catalog-detail) .product .media-list div:first-of-type,
.aimeos.catalog-detail .content-block .product .media-list div:first-of-type {
	z-index: 1;
	opacity: 1;
	transition: opacity .3s linear;
}

.aimeos:not(.catalog-detail) .product .media-list.multiple:hover div:first-of-type,
.aimeos.catalog-detail .content-block .product .media-list.multiple:hover div:first-of-type {
	transition: opacity .3s linear;
	opacity: 0;
}

.aimeos:not(.catalog-detail) .product > div.list-column:first-of-type .media-list,
.aimeos.catalog-detail .content-block .product > div.list-column:first-of-type .media-list {
	padding-top: calc( 100% / (var(--ai-product-image-ratio)));
	position: relative;
	display: block;
	content: "";
	border-radius: calc(var(--ai-radius) * 2);
	overflow: hidden;
}

.aimeos:not(.catalog-detail) .product > div.list-column:first-of-type .media-item,
.aimeos.catalog-detail .content-block .product > div.list-column:first-of-type .media-item {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.aimeos:not(.catalog-detail) .product > div.list-column:first-of-type .media-item > img,
.aimeos.catalog-detail .content-block .product > div.list-column:first-of-type .media-item > img {
	max-height: 100%;
	width: 100%;
}

/* ratings + supplier */

.aimeos .product .rating {
	margin-inline-start: auto;
}

.aimeos .product .stars {
	color: var(--ai-warning);
	display: inline-block;
	vertical-align: top;
	position: relative;
}

.aimeos .product .stars::after {
	color: var(--ai-secondary-light);
	display: inline-block;
	position: absolute;
	content: "★★★★★";
	right: 0;
	z-index: -1;
}

/* price list */

.aimeos .product .price-list {
	box-sizing: content-box;
	margin: .15rem 0;
}

.aimeos .product .price-item {
	color: var(--ai-secondary-dark);
	font-weight: 600;
	font-size: 110%;
	display: none;
}

.aimeos .product .price-item:first-of-type {
	display: block;
}

.aimeos .product .price-item:first-of-type .quantity,
.aimeos .product .price-item:first-of-type .rebate,
.aimeos .product .price-item:first-of-type .costs,
.aimeos .product .price-item:first-of-type .taxrate {
	display: none;
}

/* text list */

.aimeos .product .text-list {
	color: var(--ai-secondary-dark);
	overflow: hidden;
	display: block;
}

.aimeos .product .text-list .name,
.catalog-session-seen .name,
.catalog-session-pinned .name,
.catalog-detail-bought .name,
.catalog-detail-bundle .name,
.catalog-detail-suggest .name,
.account-favorite .name,
.account-watch .name {
	text-align: start;
	overflow: hidden;
	font-size: 125%;
	height: 1.5rem;
	margin: 0;
}

.aimeos .product .text-list .text-item {
	display: none;
}

/* Stock level */

.aimeos .product .stock-list {
	display: inline-block;
	margin: 0 1rem;
}

.aimeos .product .stockitem {
	display: none;
}

.aimeos .product .stock-actual .stockitem {
	display: inline-block;
}

.aimeos .product .stocklevel {
	display: inline-block;
	vertical-align: middle;
	border-radius: var(--ai-radius);
	height: 1rem;
	width: 1rem;
}

.aimeos .product .stocktext {
	display: none;
}

.aimeos .product .stock-unlimited .stocklevel,
.aimeos .product .stock-high .stocklevel {
	background-color: var(--ai-success);
}

.aimeos .product .stock-low .stocklevel {
	background-color: var(--ai-warning);
}

.aimeos .product .stock-out .stocklevel {
	background-color: var(--ai-danger);
}

/* Add to basket */

.aimeos .product .addbasket .input-group {
	text-align: center;
}

.aimeos .product .addbasket input {
	border: 1px solid var(--ai-secondary-dark);
	text-align: center;
	width: 4rem;
	margin: 0;
}

.aimeos .product .addbasket button {
	margin: 0;
	white-space: nowrap;
}