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

 @font-face {
    font-family: 'Acrom';
    src: url('assets/Acrom/Acrom-Light.eot');
    src: local('Acrom Light'), local('Acrom-Light'),
        url('assets/Acrom/Acrom-Light.eot?#iefix') format('embedded-opentype'),
        url('assets/Acrom/Acrom-Light.woff2') format('woff2'),
        url('assets/Acrom/Acrom-Light.woff') format('woff'),
        url('assets/Acrom/Acrom-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Acrom';
    src: url('assets/Acrom/Acrom-Thin.eot');
    src: local('Acrom Thin'), local('Acrom-Thin'),
        url('assets/Acrom/Acrom-Thin.eot?#iefix') format('embedded-opentype'),
        url('assets/Acrom/Acrom-Thin.woff2') format('woff2'),
        url('assets/Acrom/Acrom-Thin.woff') format('woff'),
        url('assets/Acrom/Acrom-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Acrom';
    src: url('assets/Acrom/Acrom-Bold.eot');
    src: local('Acrom Bold'), local('Acrom-Bold'),
        url('assets/Acrom/Acrom-Bold.eot?#iefix') format('embedded-opentype'),
        url('assets/Acrom/Acrom-Bold.woff2') format('woff2'),
        url('assets/Acrom/Acrom-Bold.woff') format('woff'),
        url('assets/Acrom/Acrom-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Acrom';
    src: url('assets/Acrom/Acrom-Regular.eot');
    src: local('Acrom'), local('Acrom-Regular'),
        url('assets/Acrom/Acrom-Regular.eot?#iefix') format('embedded-opentype'),
        url('assets/Acrom/Acrom-Regular.woff2') format('woff2'),
        url('assets/Acrom/Acrom-Regular.woff') format('woff'),
        url('assets/Acrom/Acrom-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Acrom';
    src: url('assets/Acrom/Acrom-ExtraBold.eot');
    src: local('Acrom ExtraBold'), local('Acrom-ExtraBold'),
        url('assets/Acrom/Acrom-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('assets/Acrom/Acrom-ExtraBold.woff2') format('woff2'),
        url('assets/Acrom/Acrom-ExtraBold.woff') format('woff'),
        url('assets/Acrom/Acrom-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Acrom';
    src: url('assets/Acrom/Acrom-Medium.eot');
    src: local('Acrom Medium'), local('Acrom-Medium'),
        url('assets/Acrom/Acrom-Medium.eot?#iefix') format('embedded-opentype'),
        url('assets/Acrom/Acrom-Medium.woff2') format('woff2'),
        url('assets/Acrom/Acrom-Medium.woff') format('woff'),
        url('assets/Acrom/Acrom-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}




 @font-face {
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('assets/roboto-condensed-v19-latin-regular.woff2') format('woff2'),
		url('assets/roboto-condensed-v19-latin-regular.woff') format('woff');
}

@font-face {
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('assets/roboto-condensed-v19-latin-700.woff2') format('woff2'),
		url('assets/roboto-condensed-v19-latin-700.woff') format('woff');
}

@font-face {
	font-family: 'bootstrap-icons';
	font-display: swap;
	src: url('assets/bootstrap-icons.woff2') format('woff2'),
		url('assets/bootstrap-icons.woff') format('woff');
}


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


/* Theme: Black&White */
:root {
	--ai-bg: #FFF;
	--ai-bg-alt: #F6F6F6;
	--ai-primary: #282828;
	--ai-primary-alt: #282828;
	--ai-secondary: #7E7F80;
	--ai-secondary-alt: #BDC0C3;
	--ai-tertiary: #E1E3E9;
	--ai-tertiary-alt: #F6F6F6;
	--ai-accent: #C01A70;
	--ai-danger: #A00000;
	--ai-success: #006000;
	--ai-warning: #C01A70;
	--ai-radius: 4px;
	--ai-radius-round: 50%;
	--ai-product-image-ratio: 240/320;
	--ai-product-image-ratio-big: 632/776;
    --bs-nav-link-padding-y: 12px;
    --bs-link-hover-color: #C01A70;
}

.row {
    --bs-gutter-x: 1rem;
}

body {
	font-family: "Acrom",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	text-align: start;
	color: var(--ai-primary);
	background-color: var(--ai-bg);
}

a {
	text-decoration: none;
}

img {
	max-width: 100%;
}

.section {
	overflow: unset !important;
}



.content > .container:not(.cms-page),
.content > .container-xl:not(.cms-page),
.content > .container-xxl:not(.cms-page),
.content > .container-fluid:not(.cms-page) {
	padding-top: 1rem;
	padding-bottom: 4rem;
    max-width: 1280px;
}

@media (min-width: 1400px) {
    .content > .container:not(.cms-page),
    .content > .container-xl:not(.cms-page),
    .content > .container-xxl:not(.cms-page),
    .content > .container-fluid:not(.cms-page) {
        padding-right: 0;
        padding-left: 0;
    }
}

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

.aimeos p {
	margin-bottom: 1em;
}

.aimeos p:last-child {
    margin-bottom: 0;
}



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

.aimeos.catalog-filter {
    position: relative;
    z-index: 10;
}
.drawer .aimeos.catalog-filter .cat-item {
    padding-left: 0;
    padding-right: 0;
}
.drawer .aimeos.catalog-filter {

}

.aimeos .btn {
	width: 12rem;
	vertical-align: top;
	border-radius: var(--ai-radius);
	margin: .5rem 0;
	color: var(--ai-primary);
	border: 1px solid var(--ai-secondary);
	background-color: var(--ai-bg);
    display: flex;
    align-items: center;
    justify-content: center;
}
.account-history .action .btn.hidden {
    display: none;
}

.aimeos .btn svg {
    display: inline-block;
    margin-right: 8px;
}
.aimeos .btn-lg {
	font-size: 16px;
    font-weight: 400;
}

.container-xxl {
    max-width: 1420px
}

.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
    --bs-gutter-x: 1rem;

}


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

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

.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:focus,
.aimeos .form-control:focus {
	outline-style: none;
	box-shadow: none;
}

.aimeos .form-control {
	border: none;
	border-radius: var(--ai-radius);
	border: 1px solid var(--ai-secondary-alt);
	background-color: var(--ai-bg);
	box-shadow: none;
    padding: 12px;
}

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

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

.aimeos .form-item label {
	margin: 0.5rem 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);
}

.aimeos h1, .aimeos h2,
.aimeos h3, .aimeos h4, .aimeos h5, .aimeos h6 {
    position: relative;
}

.aimeos h1, .aimeos h2 {
	text-transform: none;
    font-weight: 500;
}

/* .aimeos h1 {
	font-size: 2.25rem;
    margin-bottom: 1em;
} */
.aimeos h1:last-child, .aimeos h2:last-child {
    margin-bottom: 0;
}

.aimeos h2 {
	font-size: 24px;
    margin-top: 1em;
    margin-bottom: 1em;
}

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

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

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

.aimeos input:focus {
	outline: none;
}

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

.aimeos .minibutton, .selected .reset {
	color: var(--ai-secondary);
	vertical-align: middle;
	display: inline-flex;
    align-items: center;
	font-size: 100%;
	min-width: 1rem;
	padding: 0;
	margin: 0;
	border: none;

	background-color: var(--ai-bg);
    border-radius: 8px;
}

.selected .reset {
    text-align: center;
    justify-content: center;
}

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

.aimeos .minibutton:after {
    display: inline-block;
	font: normal normal normal 14px/1 bootstrap-icons;
	font-size: 40px;
    line-height: 1;

}

.aimeos .minibutton.add:after {
	content: "\f4fa";
}

.aimeos .minibutton.delete:after {
	content: "\f5de";
}
.aimeos .nav-link.favorite {
    position: relative;
    white-space: nowrap;
    text-decoration: none;
    display: block;
    cursor: pointer;
    padding: 0.5rem;
    line-height: 1;
    text-align: end;
    font-size: 24px;
}
.aimeos .favorite:before {
    content: '';
    display: block;
	background-image: url('/images/icons/fav.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
}

.aimeos .favorite:hover:before {
    opacity: 1;
    background-image: url('/images/icons/fav-hover.svg');
}
.aimeos .favorite.active:before {
    opacity: 1;
    background-image: url('/images/icons/fav-active.svg');
}


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

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

.aimeos .button-group {
	text-align: center;
	padding: 3rem 0;
    display: flex;
}

.aimeos .button-group .btn {
	margin: 0.25rem;
}

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

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

.aimeos .info-list {
	list-style: none;
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 4rem;
}

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

    overflow-y: auto;
}

.aimeos .attr-list .custom-checkbox,
.aimeos .form-list .custom-checkbox {
	margin: 7px 0;
}

.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 {
	text-align: center;
	display: block;
	clear: left;
	color: var(--ai-secondary);
	margin: 0;
}

.aimeos .sort {
	display: block;
    text-align: left;
}
.aimeos .sort .dropdown-menu {
    --bs-dropdown-border-color: var(--ai-tertiary);
}
.aimeos .sort .dropdown-toggle:after {
    display: none;
}

.aimeos .sort ul {
	list-style: none outside none;
	display: flex;
    flex-direction: column;
    gap: 12px;
	padding: 0;
	margin: 0;
}

@media (max-width: 560px) {
    .aimeos .sort ul {
        flex-wrap: wrap;
    }

}

.aimeos .sort ul li {
	padding: 8px 16px;
}

.aimeos .sort a,
.aimeos .sort a:link,
.aimeos .sort a:visited {
	display: flex;
    align-items: center;
	text-decoration: none;
	white-space: nowrap;
	padding: 0;
    color: #1C1C1E;
    gap: 4px;

}


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

.aimeos .sort a.active {
	text-decoration: none;
	font-weight: 500;
}

.aimeos .browser {
	display: inline-block;
	white-space: nowrap;
	margin: 0 5%;
}

.aimeos .browser span,
.aimeos .browser a {
	display: inline-block;
	padding: 0.75rem 1rem;
	color: var(--ai-secondary);
	text-align: center;
	text-decoration: none;
}
@media (max-width: 768px) {
    .aimeos .browser {
        margin: 0;
    }
    .aimeos .browser span,
    .aimeos .browser a {
        padding: 0.3rem 0.5rem;
    }
}

.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;
	height: 100%;
	width: 100%;
	bottom:0;
	right:0;
	left: 0;
	top:0;
    z-index: 100;
}


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

.aimeos-container {
	position: fixed;
	z-index: 1501;
	opacity: 1;
	width: 100%;
    height: 100vh;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    display: flex;
    align-items: center;
}

.aimeos-container .modal-wrapper {
    position: relative;
    width: 100%;
    max-height: 100vh;
    overflow: auto;
    padding: 1%;

}
.aimeos-container .modal {
    max-width: 65rem;
    padding: 40px;
    border: 1px solid var(--ai-tertiary);
	background-color: var(--ai-bg);
    border-radius: 16px;
    margin: 0 auto;
    position: relative;
}

@media (max-width: 520px) {
    .aimeos-container .modal {
        padding: 16px;
    }
}
@media (max-width: 768px) {
    .aimeos-container .modal {
        padding: 24px;
    }
}

.aimeos-container .btn-close {
	display: block;
	cursor: pointer;
	margin-inline-start: auto;
    font-size: 28px;
    position: absolute;
    top: 0;
    right: 0;
    color: var(--ai-accent);
    padding: 16px;
}

.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;
	border: none;
	opacity: 0;
	z-index: 999;
	color: var(--ai-bg);
	background-color: var(--ai-warning);
	transform: translateY(100px);
	transition: all 0.5s ease;
	text-decoration: none;
}

.back-to-top .top-icon:before {
	font: normal normal normal 14px/1 bootstrap-icons;
	font-size: 200%;
	content: "\f145";
	vertical-align: middle;
}

.back-to-top:hover {
	background-color: var(--ai-warning);
	color: var(--ai-primary);
}

.back-to-top.show {
	opacity: 1;
	transform: translateY(0);
}

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

footer {
	color: var(--ai-bg);
	background-color: var(--ai-primary);
	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;
	margin-bottom: 1rem;
}

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

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

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

footer .logo {
	display: block;
}
footer .logo img {
    margin: 0 auto;
    margin-left: 0;
}


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

.aimeos .hidden {
    display: none;
}

.footer-block {
	position: relative;
	margin: 0 auto;
	text-align: start;
	display: inline-flex;
    align-items: center;
    grid-gap: 1rem;
	margin-bottom: 3rem;
}

.footer-right .social .facebook:before,
.footer-right .social .twitter:before,
.footer-right .social .instagram:before,
.footer-right .social .youtube:before{
	position: relative;
	font: normal normal normal 14px/1 bootstrap-icons;
	font-size: 100%;
	display: inline-block;
	text-decoration: none;
	vertical-align: middle;
	background: none;
	border: none;
	margin-right: .5rem;
}

.footer-right .social .facebook:before {
	content:"\f344";
}

.footer-right .social .twitter:before {
	content:"\f5ef";
}

.footer-right .social .instagram:before {
	content:"\f437";
}

.footer-right .social .youtube:before {
	content:"\f62b";
}

footer .row {
    margin-bottom: 2rem;
}
footer .row:last-child {
    margin-bottom: 0;
}

@media (min-width:768px) {

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

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


}


/* Navbar background */



body > .content, body .main-section {
	padding-top: 6rem;
    padding-bottom: 2rem;
    min-height: calc(100vh - 199px);
}

@media (min-width: 992px) {
	body {
		background-size: 100% 10rem;
	}

	body > .content, body .main-section {
		padding-top: 80px;
        padding-bottom: 2rem;
	}

}

@media not (max-width: 1200px) {
    footer .footer-left {
        justify-content: flex-start;
    }

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

    footer .footer-right {
        justify-content: flex-end;
    }
    footer .logo img {
        margin-left: auto;
    }
}

/* Navbar */

.slider-nav {
    color: var(--ai-accent);
}

.navbar__wrapper {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    background-color: #fff;
    box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.08);
    display: flex;
}

@media not (min-width: 992px) {
    .navbar__wrapper {
       /* flex-direction: row-reverse; */
    }
}



.navbar {
	padding: 0 1rem;
	color: var(--ai-primary);
	min-height: 3.5rem;
    width: auto;
}


.navbar:first-child {
    border-bottom: 1px solid #E1E3E9;
    flex: 1;
    min-height: 6rem;
}

@media not (min-width: 992px) {

    div.collapse.static-nav {
        display: none !important;
    }
}

@media (min-width: 992px) {

    .navbar__wrapper {
        flex-direction: column;
        align-items: stretch;
    }
    .navbar {
        width: 100%;
    }
}

.navbar.scroll {
	padding: 0 1rem;
	background-size: 100% 4rem;
}

.navbar-collapse {
	justify-content: flex-start;
}

.navbar-nav {
	padding: 0;
}

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

.navbar-nav .dropdown-menu {
	/* background-color: var(--ai-primary); */
	box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.15);
	min-width: auto;
    right: 0;
    left: auto;
    position: absolute;
}

.navbar-light .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-bg);
	padding: .25rem .5rem;
}

.navbar-light .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-tertiary);
}

.navbar-nav .dropdown-menu button {
	background: none;
	border: none;
}
.navbar-brand img {
    width: 234px;
    height: auto;
}


@media (max-width:767px) {
	.navbar-brand img {
		width: 120px;
		height: auto;
	}

	.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:992px) {
	/* .navbar {
		min-height: 10rem;
	} */

	.navbar .catalog-filter:first-child {
		margin-inline-end: 0;
	}
}

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

.navbar .catalog-filter-tree .category-selected {
	display: none;
}


.navbar .catalog-filter  .catalog-filter-price,
.navbar .catalog-filter  .catalog-filter-supplier,
.navbar .catalog-filter  .catalog-filter-attribute {
	display: none;
}

.navbar .catalog-filter-search .reset {
	display: block;
    right: 40px;
    margin: 0;
    padding-right: 0;
}
.navbar .catalog-filter-search .reset i {
    border-right: 1px solid #AAAAAA !important;
    color: #AAAAAA !important;
    padding-right: 8px;
    font-size: 130%;
}

/*----------------------------- 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.25rem;
}

.navbar-nav .login > .nav-link::before,
.navbar-nav .register > .nav-link::before,
.navbar-nav .profile > .nav-link::before {
	font: normal normal normal 14px/1 bootstrap-icons;
	text-decoration: none;
	font-size: 165%;
	/* color: var(--ai-bg); */
	display: block;
	position: relative;
	text-align: center;
}

.navbar-nav .login > .nav-link::before,
.navbar-nav .profile > .nav-link::before {
	content: "\f4e1";
}

.navbar-nav .login > .nav-link::after {
	display: none;
}

.navbar-nav .register > .nav-link::before {
	content: "\f4dd";
}

.navbar-nav .dropdown-menu,
.navbar-nav .nav-link {
	/* color: var(--ai-bg); */
}

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


/* Product */

.aimeos:not(.cms-page):not(.aimeos-container) .product-list .product {
	display: flex;
	flex-direction: column;
	color: var(--ai-primary);
	vertical-align: top;
	position: relative;
	text-align: center;
}

.aimeos:not(.cms-page):not(.aimeos-container) .product-list .product .favorite {
    position: absolute;
    z-index: 9;
    width: 47px;
    height: 45px;
    font-size: 32px;
    background: none;
    top: 0;
    right: 0;
    color: #1C1C1E;
    opacity: 0;
    padding: 8px;
}
.aimeos:not(.cms-page):not(.aimeos-container) .product-list .product:hover .favorite {
    opacity: 0.7;
    /* color: #E54393; */
}
.aimeos:not(.cms-page):not(.aimeos-container) .product-list .product .favorite.active {
    opacity: 1;
}

.aimeos:not(.cms-page):not(.aimeos-container) .product-list .product .favorite:hover {
    opacity: 1;
}
.aimeos:not(.cms-page):not(.aimeos-container) .product-list .product .favorite:hover:before {
    background-image: url('/images/icons/fav-hover.svg');
}
.aimeos:not(.cms-page):not(.aimeos-container) .product-list .product .name {
    font-size: 18px;
    text-transform: uppercase;
    line-height: 1.2;
    margin-bottom: 6px;
    font-weight: 400;
    text-align: left;
    margin-top: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 768px) {
    .aimeos:not(.cms-page):not(.aimeos-container) .product-list .product .name {
        font-size: 16px;
    }
}
.aimeos:not(.cms-page):not(.aimeos-container) .product-list .product .value {

}

.aimeos:not(.cms-page):not(.aimeos-container) .product-list .product_big {
    grid-column: span 2;
    grid-row: span 2;
}
.aimeos:not(.cms-page):not(.aimeos-container) .product-list .product_big {
}
.aimeos:not(.cms-page):not(.aimeos-container) .product-list .product_big .list-column {
}

.aimeos.aimeos-container .product .list-column .content {
    order: -1;
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 12px;
}
.aimeos .product .list-column:last-child{
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}
.aimeos .product .list-column:last-child .offer{
    margin-top: auto;
}
.aimeos .modal .product .list-column:last-child .offer{
    margin-top: 0;
}
.aimeos .modal-product{
    max-width: 50rem;
}
.aimeos .modal-product .btn-close{
    z-index: 9999;
    background: transparent;
    padding: 8px;
}
.aimeos .modal-product .catalog-slider-items.list .product .list-column, .aimeos .modal-product .catalog-slider-items.list .product .list-column:first-child{
    width: 100%;
    margin: 0;
    padding: 1%;
}
@media (min-width: 576px){
    .aimeos .modal-product .catalog-slider-items.list .product .list-column{
        width: 67%;
    }
    .aimeos .modal-product .catalog-slider-items.list .product .list-column:first-child{
        width: 33%;
    }
}
.aimeos.aimeos-container .product .list-column {
    display: flex;
    flex-direction: column;
}
.aimeos.aimeos-container .product .text-list .name{
    font-size: 1.5rem;
    text-transform: uppercase;
}

.aimeos:not(.cms-page) .product-list:not(.slider-container) .product {
	width: 100%;
}
.navbar .catalog-filter-search {
    display: none;
}

@media (min-width: 414px) {


    .aimeos:not(.cms-page) .product-list:not(.slider-container) .product {
    }
}
@media (min-width: 576px) {

    .aimeos:not(.cms-page) .product-list:not(.slider-container) .product {
	}
}
@media (min-width: 768px) {
    .navbar .catalog-filter-search {
        display: block;
    }
    .navbar .catalog-filter-search input {
        max-width: 200px;
    }
}

.aimeos .product {
	color: var(--ai-primary);
    justify-content: space-between;
}

.aimeos .product .badges {
	position: absolute;
	text-align: start;
	z-index: 2;
}

.aimeos .product .badge-item {
	padding: .1rem .5rem;
	font-size: 100%;
	display: none;
}

.aimeos .product.new .badge-item.new {
	background-color: var(--ai-primary);
	display: block;
}

.aimeos .product.sale .badge-item.sale {
	background-color: var(--ai-danger);
	display: inline-block;
	padding: .1rem .5rem;
	font-weight: bold;
}

/* product media */

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

}

@media (max-width: 767px) {
   .aimeos .product .swiffy-slider {
        margin-right: calc(var(--bs-gutter-x) * -.5);
        margin-left: calc(var(--bs-gutter-x) * -.5);
        width: calc(100% + var(--bs-gutter-x));
        --swiffy-slider-item-reveal: 40px;
	}
    .catalog-detail-suggest .slider-container {
        /* width: calc(100% - 40px); */
    }
}
.aimeos .product_big .swiffy-slider {
	--swiffy-slider-item-ratio: var(--ai-product-image-ratio-big);
}

.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 {
    display: flex;
    flex-direction: column;
}

.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 .product_big div.list-column:first-of-type .media-list {
    padding-top: calc( 100% / (var(--ai-product-image-ratio-big)));
}
.aimeos .list-column:first-of-type {
    margin: 0;
    margin-bottom: calc(var(--bs-gutter-x) * .5);
}

@media (min-width: 1280px) {
    .aimeos .list-column:first-of-type {
        margin: 0;
        margin-bottom: 16px;
    }
    .navbar .catalog-filter-search input {
        max-width: none;
    }
}
.aimeos .media-item > img {
    border-radius: 0px;
    width: 100%;
}
.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%;
    height: 100%;
    object-fit: cover;
}

/* ratings + supplier */

.aimeos .product .content {
}

.aimeos .product .product-info {
}

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

.aimeos .product .catalog-detail-basic .rating {
	text-align: start;
	line-height: 1;
}

.aimeos .product .stars {
	color: var(--ai-secondary);
	position: relative;
	display: inline-block;
}

/* price list */

.aimeos .product .price-item {
	display: none;
}

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

.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;
}

.aimeos .product .price-item .rebatepercent {
	position: absolute;
	display: inline-block;
	background-color: #E54393;
	color: var(--ai-bg);
	padding: 0.2rem 2%;
	z-index: 2;
	left: 0;
	top: 0;
	line-height: 1;
}

[dir="rtl"] .aimeos .product .price-item .rebatepercent {
	right: unset;
	left: 0;
}
.aimeos .product .price-item.default {
    line-height: 1;
}
.aimeos .product .price-item.default .value {
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    text-align: left;
    width: 100%;
}

/* text list */

.aimeos .product a {
	text-decoration: none;
}

.aimeos .product a:focus {
	outline: none;
}

.aimeos .product .text-list {
	display: block;
	color: var(--ai-secondary);
	margin-top: 0.5rem;
	overflow: hidden;
    max-width: 100%;
}

.aimeos .product .text-list .name,
.aimeos .product .text-list .text-item {
	text-overflow: ellipsis;
	overflow: hidden;
	line-height: 1;
}

.aimeos .product .text-list .text-item {
	margin: 0.5rem 0;
}

.aimeos .product .text-list .name {
	font-size: 110%;
	padding: 0;
	margin: 0;
	margin-bottom: 0.5rem;
    text-transform: none;
}

.aimeos .product .section {
}

.aimeos .product .price-list {
	display: inline-block;
	box-sizing: content-box;
}

/* 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;
	border-radius: var(--ai-radius-round);
	margin-top: 0;
	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);
}

.aimeos .product .addbasket .input-groups {
	text-align: center;
    gap: 12px;
    display: flex;
}

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

.aimeos .product .addbasket button {
	margin: 0;
}



.content .page-account-container.container-xl {
    padding-top: 80px;
}

@media (max-width: 991px) {
    .content .page-account-container.container-xl {
        padding-top: 40px;
    }
}

.content-page {
    padding-top: 60px;
}
.content-page h1, .content-page h2, .content-page p {
    margin-bottom: 1em;
}

.content-page p a {
    text-decoration: underline !important;
}
.content-page *:last-child {
    margin-bottom: 0;
}

.content-page h2 {
    font-weight: 700;
    margin-top: 1em;
    font-size: 24px;
}


.accordion {

}
.accordion-item {
    margin-bottom: 12px;
}
.accordion-item:last-child {
    margin-bottom: 0;
}
.accordion-item:not(:first-of-type) {

}

.accordion-header {
    display: flex;
    justify-content: space-between;
    padding: 0;
    align-items: center;
}

p.accordion-header {
    margin: 0;
    font-weight: 500;
    font-size: 16px;
}

.accordion-header svg {
    width: 12px;
    min-width: 12px;
    height: auto;
}
.accordion-header.active svg {
    transform: rotate(180deg);
}

.accordian-body {
    padding: 12px 0;
}

.accordian-body.hidden {
    display: none;
}


.content-page ul {
    list-style: disc;
    padding-left: 1em;
    margin-bottom: 1rem;
}


.content-page ol {
    list-style: none;
    padding-left: 0;
    counter-reset: my-counter;
    margin-bottom: 1rem;
}

.content-page ol li {
    margin-bottom: 2rem;
}
.content-page ol li::before {
    display: inline-flex;
    counter-increment: my-counter;
    content: counter(my-counter);
    border: 1px solid var(--ai-accent, #282828);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: var(--ai-accent);
    align-items: center;
    justify-content: center;
    margin-right: 8px;
}


.aimeos th {
    background: rgba(225, 227, 233, 0.32);
    padding: 8px 16px;
    font-weight: 500;
}

.refund {
    color: #1C1C1E;
}
.refund .steps {
    margin-top: 1.5rem;
}

.refund .product-name {
    font-size: 18px;
    margin-bottom: 16px;
}

.refund .product-info {
    margin-bottom: 16px;
}

.refund-product {
    padding: 24px 0;
}

.refund-product label {
    margin-bottom: 16px;
}

.refund-product label span {
    display: block;
    margin-bottom: 12px;
    font-weight: 500;
}
.refund-product label:last-child {
    margin-bottom: 0;
}

.refund-product .note {
    font-weight: normal;
    font-size: 14px;
    color: #8E8E93;
    margin-bottom: 0;
}

.refund select, .refund input, .refund textarea {
    border-radius: 4px;
    border: 1px solid #BDC0C4;
    width: 100%;
}

.refund input.image-input {
    display: none;
}

.refund .image-inputs {
    display: flex;
    grid-gap: 12px;
    align-items: center;
}
.refund .image-input-button {
    display: flex;
    align-items: center;
    grid-gap: 8px;
    flex-wrap: wrap;
}
.refund .image-input-button img {
    display: block;
    border-radius: 4px;
    width: 98px;
    min-width: 98px;
    height: 98px;
    object-fit: cover;
}


.refunds table {
    width: 100%;
}
.refunds table tr td {
    padding: 12px;
    vertical-align: top;
}

.refunds table tr td  img{
    border-radius: 8px;
}
.refunds tbody .item .item-quantity {
    display: none;
}

@media (max-width: 650px) {
    .refunds table {
        display: block;
    }
    .refunds thead {
        display: none;
    }
    .refunds tbody {
        display: block;
    }
    .refunds tfoot {
        width: 100%;
        display: block;
    }

    .refunds tfoot tr {
        width: 100%;
        display: flex;
    }
    .refunds tfoot tr th:first-child {
        flex: 1;
    }

    .refunds tbody .item {
        display: flex;
        flex-wrap: wrap
    }
    .refunds tbody .item .item-quantity {
        display: flex;
        align-items: center;
    }
    .refunds tbody .item .caption-item {
        display: block;
        margin-right: 8px;
    }
}

.refunds .heading {
    display: flex;
    align-items: center;
    line-height: 1;
}
.refunds .heading span{
    color: #7E7F80;
    margin-left: 12px;
}
.refunds .heading p {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 0;
}

.aimeos .password-button {
    display: flex;
    grid-gap: 3px;
    align-items: center;
    margin-top: 12px;
    cursor: pointer;
}
.aimeos .password-button i {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #000;
}

.aimeos .password-button svg {
    margin-left: 8px;
}


.site-modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background-color: rgba(28, 28, 30, 0.24);
    display: none;
    align-items: center;
    justify-content: center;
}
.site-modal-background{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
}
.site-modal:target {
    display: flex;
}

.site-modal-content {
    width: 100%;
    max-height: 100%;
    overflow-y: auto;
    display: flex;
    justify-content: center;
    padding: 64px 12px;
}

.site-modal-body {
    position: relative;
    background-color: #fff;
    padding: 36px 40px;
    border-radius: 8px;
    max-width: 543px;
    width: 100%;
    height: max-content;
    z-index: 2;
}

.merch-form-modal  .site-modal-close {
    left: auto;
    right: 0;
    background-color: transparent;
}

.merch-form-modal .site-modal-close path {
    stroke: var(--ai-primary);
}

.merch-form-modal .site-modal-body {
    max-width: 1200px;
}
.merch-form-modal .nav-item {
    flex: 1;
    font-size: 20px;
    line-height: 32px;
    text-align: center;

}
.merch-form-modal .nav-link.active {
    border: none;
    border-bottom: 2px solid #EB2E90;
}
.merch-form-modal .nav-link {
    width: 100%;
    padding: 10px;
    text-align: center;
    color: #000;
    border: none;
}

.site-modal-content h2 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 24px;
    margin-top: 0;
}

.site-modal-content p {
    margin-bottom: 24px;
}

.site-modal-close {
    position: absolute;
    top: 0;
    left: 100%;
    margin-left: 12px;
    cursor: pointer;
    background-color: #7E7F80;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 678px) {
    .site-modal-close {
        left: auto;
        right: 0;
        background-color: transparent;
    }
    .site-modal-close path {
        stroke: var(--ai-primary);
    }
}

.site-modal-close svg {
}

.site-modal .form-group .row {
    margin-bottom: 1rem;
}

.site-modal .form-group .row:last-child {
    margin-bottom: 0;
}

.site-modal .form-group .row label span {
    display: block;
    margin-bottom: 4px;
}

.site-modal .re-send {
    margin-top: 24px;
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    grid-gap: 8px;
}

.collapse.show {
    visibility: visible;
}


.error-page .btn-light {
    width: auto;
}



.addbasket .favorite {
	border: none;
	display: block;
	width: 2.5rem;
	padding: 0.5rem 0.4rem;
    border-radius: var(--ai-radius);
}
.addbasket .favorite.active,
.addbasket .favorite:hover {
	border-color: var(--ai-warning);
	color: var(--ai-accent) !important;
}

.hide-error-list > .aimeos > .error-list, .hide-info-list > .aimeos > .info-list{
    display: none;
}

.basket-standard .aimeos .error-item, .basket-standard .aimeos .info-item{
    text-align: left;
}



#myCarousel.f-carousel {
  --f-carousel-slide-width: 100%;
  --f-carousel-spacing: 0;

  --f-button-next-pos: 8px;
  --f-button-prev-pos: 8px;

  --f-button-width: 44px;
  --f-button-height: 44px;
  --f-button-border-radius: 50%;

  --f-button-color: var(--ai-accent);
  --f-button-hover-color: var(--ai-accent);
  --f-button-active-color: var(--ai-accent);

  --f-button-bg: rgba(0, 0, 0, 0);
  --f-button-hover-bg: rgba(255, 255, 255, 0.8);
  --f-button-active-bg: rgba(255, 255, 255, 0.4);

  --f-button-svg-width: 22px;
  --f-button-svg-height: 22px;
  --f-button-svg-stroke-width: 3;
}

.catalog-detail-image {
  --f-button-bg: transparent;
  --f-button-width: 24px;
  --f-button-height: 24px;

}
.catalog-detail-image .f-carousel__thumbs {
    --f-thumb-border-radius: 0;
    --f-button-next-pos:-32px;
    overflow: visible;
}

#myCarousel .f-carousel__slide {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
  opacity: 0.64;
}

#myCarousel .f-carousel__slide.is-selected {
    opacity: 1;
}
#myCarousel img {
  border-radius: 0;
  transform: scale(var(--f-scale, 1)) translateX(var(--f-translateX, 0));
  background: #fff;
  object-fit: cover;
  aspect-ratio: 506/608;
  height: 100%;
  width: auto;
}

#myCarousel a {
    height: 100%;
    width: auto;
}


#myCarousel .f-button.is-next {

}

.share-link {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    width: 1em;
    height: 1em;
    font-size: 1em;
    display: block;
	z-index: 2;
}
.share-link svg {
    width: 1em;
    height: 1em;
	pointer-events: none;
}
.share-link__tooltip {
    background-color: var(--ai-primary);
    color: #ffffff;
    padding: 5px 16px;
    border-radius: 10px;
    font-size: 16px;
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    white-space: nowrap;
	pointer-events: none;
}

.aimeos .dropdown-item.active, .aimeos .dropdown-item:active {
    --bs-dropdown-link-active-bg: #C01A70;
}

.aimeos .dropdown-item > a:link:not(.btn), .aimeos .dropdown-item > a:visited:not(.btn){
    color: inherit;
}

.aimeos .simple-tooltip {
    position: relative;
}

.aimeos .simple-tooltip .simple-tooltiptext {
    display: none;
    width: 300px;
    background-color: var(--ai-secondary);
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;

    /* Position the tooltip */
    position: absolute;
    z-index: 9999;
    top: calc(100% + 5px);
    left: 50%;
    transform: translateX(-50%);
}

.aimeos .simple-tooltip:hover .simple-tooltiptext {
    display: block;
}


.dropdown-toggle::after {
    border: none;
    border-top: 0;
    border-right: 0;
    width: 24px;
    height: 24px;
    background-size: cover;
    background-image: url('/images/icons/chevron-down.svg');
    margin-left: 16px;
}


.error-page {
    width: 731px;
    height: 571px;
    position: relative;
    margin: 0 auto;
    margin-top: 133px;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 750px) {
    .error-page {
        margin-left: 50%;
        transform: translateX(-50%);
    }
}
.error-page_bg {
    position: absolute;
    width: 747.17px;
    height: 733.27px;
    right: -16px;
    bottom: -30px;
    background-image: url('/images/error-page.png');
    background-size: contain;
    background-repeat: no-repeat;

}


.error-page_content {
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    width: 244px;
    position: relative;
    margin-left: 40px;
}
.error-page_content a:not(.btn-light) {
    color: #fff !important;

}

.error-page-title {
    font-size: 32px;
    margin-bottom: 16px !important;
    font-weight: 500;
    line-height: 1;
}


.aimeos .nice-select {
    border: 1px solid #E1E3E9;
    height: auto;
    width: 100%;
    display: block;
    float: none;
    border-radius: var(--ai-radius);
    border: 1px solid var(--ai-secondary-alt);
    background-color: var(--ai-bg);
    box-shadow: none;
    font-size: 1rem;

    padding: 12px;
    line-height: 1.5;
}

.aimeos .nice-select:after {
    width: 10px;
    height: 10px;

}