@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	src:
		local(''),
		url('../fonts/Roboto-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src:
		local(''),
		url('../fonts/Roboto-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 400;
	src:
		local(''),
		url('../fonts/Roboto-Italic.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	src:
		local(''),
		url('../fonts/Roboto-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 500;
	src:
		local(''),
		url('../fonts/Roboto-MediumItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	src:
		local(''),
		url('../fonts/Roboto-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 700;
	src:
		local(''),
		url('../fonts/Roboto-BoldItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 900;
	src:
		local(''),
		url('../fonts/Roboto-Black.ttf') format('truetype');
}
/* skins > */
:root {
	--skin1c: #10014b;  /* ex --blue */
	--skin2c: #87c661; /* ex --green */
	--h1: #558e33;
}
:root body[data-domain='mojetekoo.cz'] {
	--skin1c: #010000;
	--skin2c: #f8b233;
	--h1: #bd1823;
}
/* < skins */
:root {
	--fs: 0.8rem;
	--icon: 1.25rem;
	--radius: 0.5rem;
	--rad-mini: 0.25rem; /* product-tile price */
	--rad-maxi: 99999px; /* underlines, back to top */

	--sidebar: 236px;
	--cartbar: 236px;
	--scroll: 0.5rem;

	--color: #444444;
	--color-inact: #999999;
	--bg-color: #ffffff;
	--bg-opacity: rgba(255, 255, 255, 0.94);

	--prmr: #10014b;
	--prmr-dis: #00aad0;
	--prmr-hov: #0057a1;
	--prmr-text: #ffffff;
	--prmr-text-hov: #ffffff;

	--scndr: #999999;
	--scndr-dis: #cccccc;
	--scndr-hov: #666666;
	--scndr-text: #ffffff;
	--scndr-text-hov: #ffffff;

	--sccss: #87c661;
	--sccss-hov: #558e33;
	--sccss-text: #333333;
	--sccss-text-hov: #ffffff;

	--dngr: #aa0000;
	--dngr-opacity: rgba(170, 0, 0, 0.1);
	--dngr-hov: #710000;
	--dngr-text: #ffffff;

	--wrnng: #f7941d;
	--wrnng-hov: #a76925;
	--wrnng-text: #ffffff;

	--temp-500: #fbb04c; /* žlutá #f9f871, tmavě růžová #e56b4b, žlutozelená #c1cc5f */

	--concept: #a5ae9d;
	--concept-hov: #41493b;

	--filter: #fffade; /* + deco-header h1 */
	--filter-hov: #e8d5b5;
	--filter-bg: #e6e1c8;

	--login-bg: #e6e3d2; /* + scrollbar, borders, tables, footer, hp logout */
	--login-bg-opacity: rgba(230, 227, 210, 0.6); /* cart no-sidebar */

	--category-bg: #e0ddd9; /* + bubble, flags, disabled form control */
	--category-bg-hov: #a5ae9d;
	--category-header: #3b392a;
	--category-text: #423f20; /* orig. bubble */

	--light-bg: #f2fdea;
	--light-green: #e3f7d3;
	--light-gray: #dddddd; /* borders, templates grab-svg, history outlisted */

	--fc-3: brightness(0) invert(0.2); /* 333333: 20 % --sccss-text*/
	--fc-4: brightness(0) invert(0.267); /* 444444: --color */
	--fc-6: brightness(0) invert(0.4); /* 666666: 40 % --scndr-hov */
	--fc-9: brightness(0) invert(0.6); /* 999999: 60 % --scndr, --color-inact */
	--fc-c: brightness(0) invert(0.8); /* cccccc: 80 % --scndr-dis */
	--fc-f: brightness(0) invert(1); /* ffffff: 100 % white */

	--fc-prmr: invert(0.05) sepia(0.88) saturate(66) hue-rotate(257deg) brightness(0.68)
		contrast(1.09); /* 10014b: blue */
	--fc-prmr-dis: invert(0.46) sepia(0.87) saturate(5.88) hue-rotate(146deg) brightness(0.95)
		contrast(1.05); /* 00aad0: turquoise */
	--fc-prmr-hov: invert(0.17) sepia(0.97) saturate(25.5) hue-rotate(194deg) brightness(0.94)
		contrast(1.01); /* 0057a1 */
	--fc-sccss: invert(0.77) sepia(0.23) saturate(8.6) hue-rotate(52deg) brightness(0.91)
		contrast(0.84); /* 87c661: green */
	--fc-dngr: invert(0.1) sepia(0.86) saturate(46.8) hue-rotate(3deg) brightness(1) contrast(1.19); /* aa0000: red */
	--fc-dngr-hov: invert(0.09) sepia(0.81) saturate(47.73) hue-rotate(2deg) brightness(0.77)
		contrast(1.13); /* 710000 */
	--fc-filter-hov: invert(0.88) sepia(0.12) saturate(7.98) hue-rotate(338deg) brightness(1.05)
		contrast(0.82); /* e8d5b5 */
}

html {
	height: 100%;
}
body {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	position: fixed;
	height: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
	scroll-behavior: smooth;
	font-family: 'Roboto', sans-serif;
	font-size: var(--fs);
	font-weight: 400;
	line-height: 1.5;
	color: var(--color);
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
}
*,
::after,
::before {
	box-sizing: border-box;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	margin-top: 2rem;
	margin-bottom: 0.75rem;
	font-weight: 500;
	line-height: 1.2;
}
h1 {
	font-size: 1.8rem;
	color: var(--h1);
	margin-top: 0;
	margin-bottom: 1.2rem;
}
h2 {
	font-size: 1.4rem;
	color: var(--skin2c);
}
h2.list-name {
	margin-inline: 1rem;
}
h3 {
	font-size: 1.1rem;
}
h4 {
	font-size: 0.9rem;
}
h5 {
	font-size: 0.8rem;
	font-weight: 700;
}
@media (min-width: 992px) {
	h1 {
		font-size: 2rem;
		margin-bottom: 1.5rem;
	}
	h2 {
		font-size: 1.6rem;
	}
	h3 {
		font-size: 1.25rem;
	}
	h4 {
		font-size: 1rem;
	}
}
p {
	margin-top: 0;
	margin-bottom: 0.75rem;
}
a {
	font-weight: 500;
	text-decoration: none;
	color: var(--prmr);
	cursor: pointer;
}
a:hover {
	color: var(--prmr-hov);
}
a:not([href]):not([class]), a:not([href]):not([class]):hover /* bootstrap */ {
	color: inherit;
}
ol,
ul {
	padding: 0 0 0 2rem;
	margin: 0 0 1rem 0;
}
b {
	font-weight: 700;
}
strong {
	font-weight: 500;
}
.warn{
	font-weight: 500;
	color: var(--wrnng);
}
img,
svg {
	vertical-align: middle;
}
/* bootstrap >> */
label {
	display: inline-block;
}
button,
input,
select,
textarea {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}
select {
	text-transform: none;
	word-wrap: normal;
}
select:disabled {
	opacity: 1;
}
textarea {
	resize: vertical;
}
[type='button'],
[type='reset'],
[type='submit'],
button {
	-webkit-appearance: button;
}
[type='button']:not(:disabled),
[type='reset']:not(:disabled),
[type='submit']:not(:disabled),
button:not(:disabled) {
	cursor: pointer;
}
::-moz-focus-inner {
	padding: 0;
	border-style: none;
}
/* << bootstrap */

:focus-visible:not(input) {
	outline: 1px dotted var(--color);
	outline-offset: 0.2rem;
}
.row-span-2 {
	grid-row: span 2;
}
.row-span-3 {
	grid-row: span 3;
}
.close-icon {
	height: 1.2rem;
}
.chevron-icon {
	filter: var(--fc-4);
	transition: all 0.25s ease-in-out;
}
.chevron.down > img.chevron-icon, /* sidebar.hamburger.open, .mobile-filters-toggle, .template-controller-mobile */
.chevron.active .tab-pane > img.chevron-icon, /* mobile #product-detail-container */
.chevron.open .filter-toggle > img.chevron-icon,
.flags div:hover img.chevron-icon {
	transform: rotate(180deg);
}
#scanner:not(.scan-success) .modal-footer button {
	visibility: hidden;
}
#scanner.scan-success #reader {
	display: none;
}
/* Bid table >> */
.bid-table {
	display: flex;
	flex-flow: row wrap;
	margin-bottom: 2rem;
	font-size: 0.6rem;
}
.bid-table > header,
.bid-table > .item,
.bid-table > footer {
	flex: 1 1 100%;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));
	place-items: center start;
	padding: 0.5rem 0.25rem;
	gap: 0.25rem;
	line-height: 1;
	word-break: break-word;
}
.bid-table > header {
	background: var(--login-bg);
	border-top-left-radius: var(--radius);
	border-top-right-radius: var(--radius);
}
.bid-table > footer {
	background: var(--login-bg);
	border-bottom-left-radius: var(--radius);
	border-bottom-right-radius: var(--radius);
}
.bid-table .item:not(:last-of-type) {
	border-bottom: 2px solid var(--login-bg);
}
.bid-table .item[data-loading='1']::before {
	position: absolute;
	left: 0;
}
.bid-table .marked::after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: -0.5rem;
	width: 0.5rem;
	content: '';
	background: var(--sccss-hov);
	border-top-left-radius: var(--radius);
	border-bottom-left-radius: var(--radius);
}
/* << Bid table*/
.wrapper > .cookies {
	position: fixed;
	width: 1px;
	height: 1px;
	left: 50%;
	bottom: 0;
	z-index: 500000;
}
.cookies .dialog {
	width: 90vw;
	max-width: 25rem;
}
.cookies .dialog-body .see {
	display: inline-block;
	padding-top: 0.5rem;
}

/* buttons, chips & forms >> */
.btn {
	display: inline-block;
	padding: 0 0.5rem;
	border: 1px solid transparent;
	border-radius: var(--radius);
	background-color: transparent;
	font-weight: 500;
	font-size: 1rem;
	line-height: 1.5;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	transition:
		color 0.15s ease-in-out,
		background-color 0.15s ease-in-out,
		border-color 0.15s ease-in-out,
		box-shadow 0.15s ease-in-out;
}
.btn.disabled /* bootstrap */ ,
.btn:disabled /* bootstrap */ {
	pointer-events: none;
	opacity: 0.65;
}
.btn-group /*history export */ {
	position: relative;
	color: var(--scndr-text);
	background: var(--scndr);
	border: 1px solid var(--scndr);
	border-radius: var(--radius);
}
.btn-group:hover {
	color: var(--scndr-text-hov);
	background: var(--scndr-hov);
	border: 1px solid var(--scndr-hov);
}
.btn-group .btn {
	border: 0;
}
.btn-group .dropdown-menu {
	top: calc(100% + 0.25rem);
	left: 0;
	right: 0;
	min-width: unset;
}
.btn-group.open .dropdown-menu {
	display: block;
}
.btn-group .dropdown-toggle::after {
	border-top-color: var(--scndr-text-hov);
}
.btn-group.open .dropdown-toggle-split {
	transform: scaleY(-1) translateY(5%);
}
p.chip {
	display: flex;
	align-items: center;
	background: var(--bg-color);
	padding: 0 0.25rem;
	margin: 0;
	border: 1px solid var(--filter-hov);
	border-radius: var(--rad-maxi);
}
p.chip span {
	display: inline-block;
}
p.chip span,
p.chip span b {
	font-weight: 500;
}
.btn span,
.chip span {
	line-height: 1.5rem;
	min-width: max-content;
	margin: 0.2rem 0.25rem;
}
.btn img {
	height: 1.5rem;
	margin: 0.2rem;
	transition: all 0.15s ease-in-out;
}
.btn img.alone {
	margin-inline: 0.3rem;
}
.btn-primary {
	color: var(--prmr-text);
	background-color: var(--prmr);
	border-color: var(--prmr);
}
.btn-primary img.icon {
	filter: var(--fc-f);
}
.btn-primary:hover,
.btn-primary:focus {
	color: var(--prmr-text-hov);
	background-color: var(--prmr-hov);
	border-color: var(--prmr-hov);
}
.btn-primary:disabled {
	color: var(--prmr-text);
	background-color: var(--prmr-dis);
	border-color: var(--prmr-dis);
	pointer-events: none;
	opacity: 0.65;
}
.btn-secondary {
	color: var(--scndr-text);
	background-color: var(--scndr);
	border-color: var(--scndr);
}
.btn-secondary img.icon {
	filter: var(--fc-f);
}
.btn-secondary.active,
.btn-secondary:active,
.btn-secondary:hover,
.btn-secondary:focus {
	color: var(--scndr-text-hov);
	background-color: var(--scndr-hov);
	border-color: var(--scndr-hov);
}
.btn-secondary.disabled,
.btn-secondary:disabled {
	color: var(--sccss-text);
	background-color: var(--scndr-dis);
	border-color: var(--scndr-dis);
}
.btn-success {
	color: var(--sccss-text);
	background-color: var(--sccss);
	border-color: var(--sccss);
}
button.btn-success img.icon {
	filter: var(--fc-3);
}
.btn-warning:hover,
.btn-warning:focus {
	color: var(--wrnng-text);
	background-color: var(--wrnng-hov);
	border-color: var(--wrnng-hov);
}
.btn-success:hover,
.btn-success:focus {
	color: var(--sccss-text-hov);
	background-color: var(--sccss-hov);
	border-color: var(--sccss-hov);
}
button.btn-success:hover img.icon,
button.btn-success:focus img.icon {
	filter: var(--fc-f);
}
.btn-warning {
	color: var(--wrnng-text);
	background-color: var(--wrnng);
	border-color: var(--wrnng);
}
.btn-warning:hover,
.btn-warning:focus {
	color: var(--wrnng-text);
	background-color: var(--wrnng-hov);
	border-color: var(--wrnng-hov);
}
.btn-danger {
	color: var(--dngr-text);
	background-color: var(--dngr);
	border-color: var(--dngr);
}
.btn-danger:hover,
.btn-danger:focus {
	color: var(--dngr-text);
	background-color: var(--dngr-hov);
	border-color: var(--dngr-hov);
}
/* close buttons (dialogs, toasts, subcatg-container) > */
.btn-close {
	width: var(--icon);
	height: var(--icon);
	box-sizing: content-box;
	color: #000000;
	background: transparent url(/images/icons/close.svg) center / var(--icon) auto no-repeat;
	padding: 0;
	border: 0;
	border-radius: var(--rad-mini);
	opacity: 0.5;
}
.btn-close:first-of-type {
	margin-left: auto;
}
.btn-close:hover {
	text-decoration: none;
	opacity: 0.75;
}
.toast.warning .toast-header .btn-close,
.toast.danger .toast-header .btn-close,
.dialog-container:not([data-type='success']) .dialog-header .btn-close,
#missing-combos-header .btn-close {
	filter: var(--fc-f);
}
.toast.success .toast-header .btn-close {
	filter: var(--fc-3); /* opacity? */
}
.toast-header .btn-close:not(:hover),
.dialog-container[data-type='danger'] .dialog-header .btn-close:not(:hover),
#missing-combos-header .btn-close:not(:hover) {
	opacity: initial;
}
.btn-close:focus {
	outline: 0;
	box-shadow: 0 0 0 1px black;
	opacity: 1;
}
/* < close buttons */
button.btn-bg /*lower*/ {
	font-size: 0.8rem;
	color: var(--color);
	background-color: var(--bg-color);
	border-color: var(--scndr-dis);
}
button.btn-bg:hover,
button.btn-bg:focus {
	color: var(--prmr);
	border-color: var(--prmr);
}
.replacements-container {
	display: none;
}
.products-top.first-sticky /* breadcrumb */ {
	top: 0px;
	z-index: 200;
	border-bottom: 0.125rem solid var(--filter-bg);
}
form > button.btn {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
/* bootstrap: input-group-text, form-control, form-select > */
.input-group-text,
.form-control,
.form-select {
	display: block;
	padding: 0.2rem 0.75rem;
	font-weight: 400;
	background-clip: padding-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	transition:
		border-color 0.15s ease-in-out,
		box-shadow 0.15s ease-in-out;
}
.form-control,
.form-select {
	width: 100%;
}
.input-group-text {
	display: flex;
	align-items: center;
	text-align: center;
	white-space: nowrap;
}
.form-select /* sort-container */ {
	background-image: url(/images/icons/arrow-down.svg);
	background-repeat: no-repeat;
	background-position: right 0.2rem center;
	background-size: var(--icon);
	padding-right: 1.6rem;
}
.form-control[type='file'] {
	overflow: hidden;
}
.form-control[type='file']:not(:disabled):not([readonly]) {
	cursor: pointer;
}
.form-control::-webkit-date-and-time-value {
	height: 1.5em;
}
.form-control::-moz-placeholder {
	opacity: 1;
}
.form-control::placeholder {
	opacity: 1;
}
.form-control:disabled,
.form-control[readonly] {
	opacity: 1;
}
.form-control::-webkit-file-upload-button {
	padding: 0.375rem 0.75rem;
	margin: -0.375rem -0.75rem;
	-webkit-margin-end: 0.75rem;
	margin-inline-end: 0.75rem;
	pointer-events: none;
	border-color: inherit;
	border-style: solid;
	border-width: 0;
	border-inline-end-width: 1px;
	border-radius: 0;
	-webkit-transition:
		color 0.15s ease-in-out,
		background-color 0.15s ease-in-out,
		border-color 0.15s ease-in-out,
		box-shadow 0.15s ease-in-out;
	transition:
		color 0.15s ease-in-out,
		background-color 0.15s ease-in-out,
		border-color 0.15s ease-in-out,
		box-shadow 0.15s ease-in-out;
}
.form-control::file-selector-button {
	padding: 0.375rem 0.75rem;
	margin: -0.375rem -0.75rem;
	-webkit-margin-end: 0.75rem;
	margin-inline-end: 0.75rem;
	pointer-events: none;
	border-color: inherit;
	border-style: solid;
	border-width: 0;
	border-inline-end-width: 1px;
	border-radius: 0;
	transition:
		color 0.15s ease-in-out,
		background-color 0.15s ease-in-out,
		border-color 0.15s ease-in-out,
		box-shadow 0.15s ease-in-out;
}
.form-control::file-selector-button {
	transition: none;
}
.form-control::-webkit-file-upload-button {
	padding: 0.375rem 0.75rem;
	margin: -0.375rem -0.75rem;
	-webkit-margin-end: 0.75rem;
	margin-inline-end: 0.75rem;
	pointer-events: none;
	border-color: inherit;
	border-style: solid;
	border-width: 0;
	border-inline-end-width: 1px;
	border-radius: 0;
	-webkit-transition:
		color 0.15s ease-in-out,
		background-color 0.15s ease-in-out,
		border-color 0.15s ease-in-out,
		box-shadow 0.15s ease-in-out;
	transition:
		color 0.15s ease-in-out,
		background-color 0.15s ease-in-out,
		border-color 0.15s ease-in-out,
		box-shadow 0.15s ease-in-out;
}
.form-select[multiple],
.form-select[size]:not([size='1']) {
	padding-right: 0.75rem;
	background-image: none;
}
/* < bootstrap: input-group-text, form-control, form-select */
.input-group-text,
.form-control,
.form-control:focus,
.form-select {
	font-size: 0.8rem;
	line-height: 1.5rem;
	color: var(--color);
	background-color: var(--bg-color);
	border: 1px solid var(--scndr-dis);
	border-radius: var(--radius);
}
.form-control:disabled {
	background-color: var(--category-bg);
	opacity: 1;
}
.input-group-text .icon {
	height: 1.2rem;
	filter: brightness(0) invert(0.6);
}
.form-control:focus,
.form-select:hover,
.form-select:focus {
	border-color: var(--prmr);
	box-shadow: none;
}
.form-select.open:focus-visible {
	outline: 0;
}
.input-group.open .form-control {
	border-color: var(--prmr);
}
.form-control::placeholder,
.form-control::-webkit-input-placeholder {
	font-size: 0.8rem;
	font-weight: lighter;
	color: var(--color-inact);
	text-overflow: ellipsis;
}
.form-success:focus-within .input-group-text,
.form-success:focus-within .form-control {
	border-color: var(--sccss) !important;
}
.form-success:focus-within .input-group-text .icon {
	filter: var(--fc-sccss);
}
.form-primary:focus-within .input-group-text,
.form-primary:focus-within .form-control {
	border-color: var(--prmr) !important;
}
.form-primary:focus-within .input-group-text .icon {
	filter: var(--fc-prmr);
}
.form-secondary:focus-within .input-group-text,
.form-secondary:focus-within .form-control {
	border-color: var(--scndr) !important;
}
input:focus,
input:focus-visible {
	box-shadow: none !important;
	outline: none !important;
}
input:invalid {
	color: var(--dngr);
}
/* bootstrap: input-group, dropdown... > */
.input-group {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	width: 100%;
}
.input-group > .form-control,
.input-group > .form-select {
	position: relative;
	flex: 1 1 auto;
	width: 1%;
	min-width: 0;
}
.input-group > .form-control:focus,
.input-group > .form-select:focus {
	z-index: 3;
}
.input-group .btn {
	position: relative;
	z-index: 2;
}
.input-group .btn:focus {
	z-index: 3;
}
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3),
.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.input-group.has-validation > .dropdown-toggle:nth-last-child(n + 4),
.input-group.has-validation > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.input-group > :not(:first-child):not(.dropdown-menu) {
	margin-left: -1px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.dropdown {
	position: relative;
}
.dropdown-toggle {
	white-space: nowrap;
}
.dropdown-toggle::after {
	display: inline-block;
	margin-left: 0.255em;
	vertical-align: 0.255em;
	content: '';
	border-top: 0.3em solid;
	border-right: 0.3em solid transparent;
	border-bottom: 0;
	border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
	margin-left: 0;
}
.dropdown-menu {
	position: absolute;
	z-index: 1000;
	display: none;
	min-width: 10rem;
	padding: 0.5rem 0;
	margin: 0;
	text-align: left;
	list-style: none;
	background-color: var(--bg-color);
	background-clip: padding-box;
	border: 1px solid var(--scndr);
	border-radius: var(--radius);
}
.dropdown-menu[data-bs-popper] {
	top: 100%;
	left: 0;
	margin-top: 0.125rem;
}
.dropdown-menu-start {
	--bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
	right: auto;
	left: 0;
}
.dropdown-menu-end {
	--bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
	right: 0;
	left: auto;
}
.dropdown-toggle-split {
	padding-right: 0.5625rem;
	padding-left: 0.5625rem;
}
.dropdown-toggle-split::after {
	margin-left: 0;
}
.dropdown-divider {
	height: 0;
	margin: 0.5rem 0;
	overflow: hidden;
	border-top: 1px solid rgba(0, 0, 0, 0.15);
}
.dropdown-item {
	display: block;
	width: 100%;
	padding: 0.25rem 1rem;
	clear: both;
	font-weight: 400;
	text-align: inherit;
	color: var(--color);
	text-decoration: none;
	white-space: nowrap;
	background-color: transparent;
	border: 0;
}
.dropdown-item:focus,
.dropdown-item:hover {
	color: var(--color);
	background-color: var(--light-gray);
}
.dropdown-item.active,
.dropdown-item:active {
	color: var(--color);
	background-color: var(--scndr);
}
.dropdown-item.disabled,
.dropdown-item:disabled {
	color: var(--color);
	pointer-events: none;
	background-color: var(--scndr-dis);
}
.dropdown-menu.show {
	display: block;
}
/* < bootstrap: input-group, dropdown... */
.autocomplete .input-group {
	flex-wrap: nowrap;
	align-content: center;
}
.autocomplete .input-group.open .form-control {
	border-bottom-left-radius: 0;
}
.autocomplete .input-group.open .btn {
	border-bottom-right-radius: 0;
}
.autocomplete .dropdown-menu {
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: var(--radius);
	border-bottom-left-radius: var(--radius);
}
.autocomplete .dropdown-menu.show {
	padding-bottom: 10px;
}
.input-group .btn img {
	transition: all 0.5s ease-in-out;
}
.input-group.open button img {
	transform: rotate(180deg);
}
.radio-buttons {
	display: flex;
	flex-flow: column;
	gap: 0.5rem;
}
.radio-buttons input[type='radio'] {
	margin-inline: 0.5rem;
}
input[type='radio'] {
	accent-color: var(--sccss-hov);
}
/* DPH > */
body.showInclVat .inclVat,
body:not(.showInclVat) .exclVat {
	display: initial !important;
}
body.showInclVat .exclVat,
body:not(.showInclVat) .inclVat {
	display: none !important;
}
.vat-hidden {
	display: none !important;
}
.vat-visible {
	display: inline-block !important;
}
/* < DPH */
/* trans  (login.js displayHint) > */
.btn img.icon.trans {
	transition: all 2s;
}
.btn img.icon.trans:nth-child(2) {
	position: absolute;
	left: calc(0.5rem + 1px);
}
.btn img.icon.trans.replace {
	opacity: 0;
}
.btn img.icon.trans:not(.replace) {
	opacity: 1;
}
.btn img.icon.trans.replace:first-child,
.btn img.icon.trans:not(.replace):nth-child(2) {
	rotate: 180deg;
}
.btn img.icon.trans:not(.replace):first-child,
.btn img.icon.trans.replace:nth-child(2) {
	rotate: 0deg;
}
/* < trans */
.btn span:not(.login),
header .nav-link span,
.header-links .hl-item span {
	display: inline-block;
	vertical-align: middle;
}
/* << buttons, chips & forms */
/* underline (hover, focus, active) >> */
.header-links > div:not(.flags) a::before,
.header-links > div:not(.flags) a::after,
.tab .tab-pane > h3::before, /* product detail */
.tab .tab-pane > h3::after,
.template-tab-pane::before,
.template-tab-pane::after,
.brand-card-container a::before, 
.brand-card-container a::after {
	content: '';
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	background-color: var(--sccss-hov);
	transition: width 0.25s ease-in-out;
}
.header-links > div:not(.flags) a::before,
.header-links > div:not(.flags) a::after,
.tab .tab-pane > h3::before, /* product detail */
.tab .tab-pane > h3::after {
	top: 1.6rem;
}
.template-tab-pane::before,
.template-tab-pane::after {
	top: 2.125rem;
}
.brand-card-container a::before,
.brand-card-container a::after {
	bottom: -0.25rem;
}
.header-links > div:not(.flags) a::before,
.tab .tab-pane > h3::before,
.template-tab-pane::before,
.brand-card-container a::before {
	right: 50%;
	border-bottom-left-radius: var(--rad-maxi);
	border-top-left-radius: var(--rad-maxi);
}
.header-links > div:not(.flags) a::after,
.tab .tab-pane > h3::after,
.template-tab-pane::after,
.brand-card-container a::after {
	left: 50%;
	border-top-right-radius: var(--rad-maxi);
	border-bottom-right-radius: var(--rad-maxi);
}
.header-links > div:not(.flags) a:hover::before,
.header-links > div:not(.flags) a:hover::after,
.header-links > div:not(.flags) a:focus::before,
.header-links > div:not(.flags) a:focus::after,
.tab .tab-pane > h3:hover::before,
.tab .tab-pane > h3:hover::after,
.tab .tab-pane > h3:focus::before,
.tab .tab-pane > h3:focus::after,
.brand-card-container a:hover::before,
.brand-card-container a:hover::after,
.brand-card-container a:focus::before,
.brand-card-container a:focus::after {
	width: 50%;
	height: 0.2rem;
}
.template-tab-pane:hover::before,
.template-tab-pane:hover::after,
.template-tab-pane:focus::before,
.template-tab-pane:focus::after {
	width: calc(50% - 0.75rem);
	height: 0.2rem;
}
.header-links > div:not(.flags) a.active::before,
.header-links > div:not(.flags) a.active::after,
.tab.active .tab-pane > h3::before,
.tab.active .tab-pane > h3::after {
	width: 50%;
	height: 0.2rem;
	background-color: var(--sccss);
}
.template-tab-pane.active::before,
.template-tab-pane.active::after {
	width: calc(50% - 0.75rem);
	height: 0.2rem;
	background-color: var(--sccss);
}
/* << underline */

/* breadcrumb >> */
.breadcrumb-container {
	display: flex;
	width: 100%;
}
.wrapper .breadcrumb-container {
	height: 2rem;
	padding-inline: 0.5rem;
}
.modal-footer .breadcrumb-container {
	padding-inline: 0;
}
.breadcrumb-nav {
	display: inline-block;
	align-self: center;
}
ol.breadcrumb {
	padding: 0;
	margin: 0;
	list-style: none;
}
ol.breadcrumb li {
	display: table-cell;
	white-space: nowrap;
}
.breadcrumb a img.icon {
	height: 1.6em;
	filter: var(--fc-prmr);
}
.breadcrumb a:hover img.icon {
	filter: var(--fc-prmr-hov);
}
.breadcrumb-item + .breadcrumb-item {
	padding-left: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item::before {
	float: left;
	padding-right: 0.5rem;
	font-weight: 400;
	color: var(--color-inact);
	content: '|';
}
.breadcrumb-item span {
	font-weight: 500;
}
.breadcrumb-item:last-child {
	color: var(--sccss-hov);
	font-weight: 500;
}
/* << breadcrumb */

/* tousts >> */
.toast-container {
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	max-width: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	padding: 1rem;
	pointer-events: none;
	z-index: 5000;
}
.toast-container > :not(:last-child) {
	margin-bottom: 0.75rem;
}
.toast {
	width: 350px;
	max-width: 100%;
	font-size: 0.875rem;
	pointer-events: auto;
	background-color: var(--bg-opacity);
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.1);
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
	border-radius: var(--radius);
}
.toast:not(.show) {
	display: none;
}
/*  .toast.showing {
	opacity: 0;
}   */
.toast-header {
	display: flex;
	align-items: center;
	padding: 0.5rem 0.75rem;
	background-clip: padding-box;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	border-top-left-radius: calc(var(--radius) - 1px);
	border-top-right-radius: calc(var(--radius) - 1px);
}
.toast.danger .toast-header {
	color: var(--dngr-text);
	background-color: var(--dngr);
}
.toast.warning .toast-header {
	color: var(--wrnng-text);
	background-color: var(--wrnng);
}
.toast.success .toast-header {
	color: var(--sccss-text);
	background-color: var(--sccss);
}
.toast-body {
	padding: 0.75rem;
	word-wrap: break-word;
}
.toast-body.with-progress {
	padding-inline: 0;
	padding-bottom: 0;
}
.toast-body.with-progress > span {
	display: block;
	margin-inline: 0.5rem;
}
.progress {
	display: flex;
	height: 1.2rem;
	overflow: hidden;
	background-color: var(--color-inact);
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: calc(var(--radius) - 1px);
	border-bottom-left-radius: calc(var(--radius) - 1px);
	margin-top: 0.5rem;
}
.progress-bar {
	display: flex;
	flex-direction: column;
	justify-content: center;
	overflow: hidden;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	background-color: var(--skin1c);
	transition: width 0.6s ease;
}
.progress .progress-bar.bg-danger {
	background-color: var(--dngr);
}
.progress .progress-bar.bg-success {
	background-color: var(--sccss-hov);
}
/* << tousts */

::-webkit-scrollbar {
	width: var(--scroll);
	height: var(--scroll);
}
::-webkit-scrollbar-thumb {
	background: var(--sccss);
	border-radius: var(--rad-maxi);
}
::-webkit-scrollbar-track {
	background: var(--login-bg);
	border-radius: var(--rad-maxi);
}
/* handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: var(--sccss-hov);
}
/* << scrollbar */

/* loader >> */
.cart-loader::before,
#cart .modal-dialog.loading:after,
#missing-combos .modal-dialog.loading:after,
.cart-form.loading::before,
.content.loading::before,
[data-loading='1']::before {
	content: '';
	width: 1.2rem;
	height: 1.2rem;
	aspect-ratio: 1;
	border-radius: 50%;
	background:
		radial-gradient(farthest-side, var(--sccss) 94%, #0000) top/0.3rem 0.3rem no-repeat,
		conic-gradient(#0000 25%, var(--color));
	-webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 0.3rem), #000 0);
	animation: spinner 1s infinite linear;
}
.content.loading {
	position: relative;
}
.content.loading::after {
	content: '';
	position: absolute;
	z-index: 500;
	inset: 0;
	background: white;
}
.content.loading::before {
	position: fixed;
	inset: 50% 50%;
	width: 10rem;
	height: 10rem;
	translate: -50%;
	z-index: 999;
}
.login-modal .loader {
	position: absolute;
	inset: 50%;
	transform: translate(-50%, -50%);
}
.login-modal .loader::before {
	display: block;
	height: 100%;
	width: 100%;
}
.cart-form.loading::before {
	position: absolute;
	left: calc(50% - 0.6rem);
	top: calc(50% - 0.6rem);
	z-index: 50;
}
@keyframes spinner {
	100% {
		transform: rotate(1turn);
	}
}
/* << loader */

#backdrop-shader {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -5000;
	width: 100vw;
	height: 100vh;
	opacity: 0;
	-webkit-backdrop-filter: blur(1.5rem);
	backdrop-filter: blur(0.15rem);
	transition: opacity 0.5s ease-in-out;
}
img.icon.i-tip {
	height: 1rem;
	margin: -0.6rem 0 0 0.2rem;
	filter: var(--fc-4);
}

/* bootstrap: tooltip >> */
.tooltip {
	position: absolute;
	z-index: 5010;
	display: block;
	margin: 0;
	font-style: normal;
	font-weight: 400;
	font-size: var(--fs);
	line-height: 1.5;
	text-align: left;
	text-align: start;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	letter-spacing: normal;
	word-break: normal;
	word-spacing: normal;
	white-space: normal;
	line-break: auto;
	word-wrap: break-word;
	opacity: 0;
	transition: opacity 0.5s ease-in-out 0.25s;
}
.tooltip.show {
	opacity: 0.9;
}
.tooltip .tooltip-arrow {
	position: absolute;
	display: block;
	width: 0.8rem;
	height: 0.4rem;
}
.tooltip .tooltip-arrow::before {
	position: absolute;
	content: '';
	border-color: transparent;
	border-style: solid;
}
.bs-tooltip-auto[data-popper-placement^='top'],
.bs-tooltip-top {
	padding: 0.4rem 0;
}
.bs-tooltip-auto[data-popper-placement^='top'] .tooltip-arrow,
.bs-tooltip-top .tooltip-arrow {
	bottom: 0;
}
.bs-tooltip-auto[data-popper-placement^='top'] .tooltip-arrow::before,
.bs-tooltip-top .tooltip-arrow::before {
	top: -1px;
	border-width: 0.4rem 0.4rem 0;
	border-top-color: var(--prmr-hov);
}
.bs-tooltip-auto[data-popper-placement^='right'],
.bs-tooltip-end {
	padding: 0 0.4rem;
}
.bs-tooltip-auto[data-popper-placement^='right'] .tooltip-arrow,
.bs-tooltip-end .tooltip-arrow {
	left: 0;
	width: 0.4rem;
	height: 0.8rem;
}
.bs-tooltip-auto[data-popper-placement^='right'] .tooltip-arrow::before,
.bs-tooltip-end .tooltip-arrow::before {
	right: -1px;
	border-width: 0.4rem 0.4rem 0.4rem 0;
	border-right-color: var(--prmr-hov);
}
.bs-tooltip-auto[data-popper-placement^='bottom'],
.bs-tooltip-bottom {
	padding: 0.4rem 0;
}
.bs-tooltip-auto[data-popper-placement^='bottom'] .tooltip-arrow,
.bs-tooltip-bottom .tooltip-arrow {
	top: 0;
}
.bs-tooltip-auto[data-popper-placement^='bottom'] .tooltip-arrow::before,
.bs-tooltip-bottom .tooltip-arrow::before {
	bottom: -1px;
	border-width: 0 0.4rem 0.4rem;
	border-bottom-color: var(--prmr-hov);
}
.bs-tooltip-auto[data-popper-placement^='left'],
.bs-tooltip-start {
	padding: 0 0.4rem;
}
.bs-tooltip-auto[data-popper-placement^='left'] .tooltip-arrow,
.bs-tooltip-start .tooltip-arrow {
	right: 0;
	width: 0.4rem;
	height: 0.8rem;
}
.bs-tooltip-auto[data-popper-placement^='left'] .tooltip-arrow::before,
.bs-tooltip-start .tooltip-arrow::before {
	left: -1px;
	border-width: 0.4rem 0 0.4rem 0.4rem;
	border-left-color: var(--prmr-hov);
}
.tooltip[data-popper-placement^='left'] .tooltip-inner {
	transform: translateY(0.375rem) !important;
}
.tooltip-inner {
	max-width: 200px;
	padding: 0.25rem 0.5rem;
	color: var(--prmr-text);
	text-align: center;
	background-color: var(--prmr-hov);
	border-radius: var(--rad-mini);
}
/* << bootstrap: tooltip */

/* content global styles -> */
.deco-img-container {
	position: relative;
	display: none;
	background-size: cover;
	background-position-x: center;
	background-position-y: center;
	background-repeat: no-repeat;
	background-clip: content-box;
	z-index: -1;
	height: 9vmax;
	width: 100%;
}
.deco-header {
	position: absolute;
	display: flex;
	align-items: center;
	inset: 0;
}
.deco-header h1 {
	font-size: 3vmax;
	color: var(--filter);
	margin: 0 3vmax;
	filter: drop-shadow(1px 0px 0.15vmin rgba(17, 17, 16, 0.5))
		drop-shadow(-1px 0px 0.15vmin rgba(17, 17, 16, 0.5))
		drop-shadow(0px 1px 0.15vmin rgba(17, 17, 16, 0.5))
		drop-shadow(0px -1px 0.15vmin rgba(17, 17, 16, 0.5));
}
.main-content {
	width: 100%;
	background-color: var(--bg-color);
	padding: 1rem 0.25rem;
	min-height: 380px;
}
/* <- content global styles */

a[target='_blank']::after {
	display: inline-block;
	content: '';
	width: 0.8rem;
	height: 0.8rem;
	margin-left: 0.2rem;
	background-image: url('/images/icons/open-new.svg');
	background-size: cover;
	filter: var(--fc-prmr);
}
a[target='_blank']:hover::after {
	filter: var(--fc-prmr-hov);
}
.articles a[target='_blank']::after,
.promo-text > a[target='_blank']::after,
.carousel-banners a[target='_blank']::after,
.intro-product-list a[target='_blank']::after,
.advert-container a[target='_blank']::after,
a.advert-card[target='_blank']::after {
	display: none;
}

.footer {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	place-items: center start;
	gap: 0.5rem;
	padding: 0.5rem 1rem;
	margin-top: auto;
	background: var(--login-bg);
}
.footer ul {
	min-width: 200px;
	padding: 0;
	margin: 0;
}
.footer li {
	list-style: none;
}
.pt-page-moveFromBottomFade {
	-webkit-animation: moveFromBottomFade 1s ease both;
	animation: moveFromBottomFade 1s ease both;
}

/* xs */
@media (min-width: 375px) {
}
/* sm */
@media (min-width: 576px) {
	.bid-table {
		font-size: inherit;
	}
	.dropdown-menu-sm-start {
		--bs-position: start;
	}
	.dropdown-menu-sm-start[data-bs-popper] {
		right: auto;
		left: 0;
	}
	.dropdown-menu-sm-end {
		--bs-position: end;
	}
	.dropdown-menu-sm-end[data-bs-popper] {
		right: 0;
		left: auto;
	}
}
/* md */
@media (min-width: 768px) {
	div.main-content {
		padding: 2rem 1rem;
	}
	.footer {
		left: var(--sidebar);
		right: 0;
	}
	.dropdown-menu-md-start {
		--bs-position: start;
	}
	.dropdown-menu-md-start[data-bs-popper] {
		right: auto;
		left: 0;
	}
	.dropdown-menu-md-end {
		--bs-position: end;
	}
	.dropdown-menu-md-end[data-bs-popper] {
		right: 0;
		left: auto;
	}
}
/* lg */
@media (min-width: 992px) {
	#backdrop-shader.drop {
		z-index: 399;
		opacity: 1;
		transition-duration: 0.2s;
	}
	.dropdown-menu-lg-start {
		--bs-position: start;
	}
	.dropdown-menu-lg-start[data-bs-popper] {
		right: auto;
		left: 0;
	}
	.dropdown-menu-lg-end {
		--bs-position: end;
	}
	.dropdown-menu-lg-end[data-bs-popper] {
		right: 0;
		left: auto;
	}
}
/* xl */
@media (min-width: 1200px) {
	:root {
		--scroll: 10px;
	}
	.footer {
		left: var(--sidebar);
		right: var(--cartbar);
	}
	.dropdown-menu-xl-start {
		--bs-position: start;
	}
	.dropdown-menu-xl-start[data-bs-popper] {
		right: auto;
		left: 0;
	}
	.dropdown-menu-xl-end {
		--bs-position: end;
	}
	.dropdown-menu-xl-end[data-bs-popper] {
		right: 0;
		left: auto;
	}
}
/* xxl */
@media (min-width: 1400px) {
	.dropdown-menu-xxl-start {
		--bs-position: start;
	}
	.dropdown-menu-xxl-start[data-bs-popper] {
		right: auto;
		left: 0;
	}
	.dropdown-menu-xxl-end {
		--bs-position: end;
	}
	.dropdown-menu-xxl-end[data-bs-popper] {
		right: 0;
		left: auto;
	}
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
/* Firefox */
input[type='number'] {
	-moz-appearance: textfield;
}

@page {
	size: A4 portrait;
	margin: 0 0 0 0;
	@bottom-right {
		content: counter(page) ' / ' counter(pages);
	}
}
@media print {
	* {
		overflow: visible !important;
	}
	body {
		overflow: visible !important;
		position: relative;
		display: flex !important;
		margin-top: 2cm;
	}
	html {
		display: initial !important;
	}
	.print-area {
		display: flex !important;
		padding-inline: 1rem;
		margin: 0;
	}
	.print-area.not-ready {
		display: none !important;
	}
	html.print :not(.print-area *) {
		display: none;
	}
	.not-ready-for-print {
		position: fixed;
		display: flex !important;
		flex-flow: row wrap;
		justify-content: center;
		align-items: center;
		font-size: 2rem;
		font-weight: 700;
		inset: 0;
		background: white;
		z-index: 10000;
	}
}

@-webkit-keyframes moveFromBottomFade {
	from {
		opacity: 0.3;
		-webkit-transform: translateY(-100%);
	}
}

@keyframes moveFromBottomFade {
	from {
		opacity: 0.3;
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
	}
}