:root {
	--body-bg-color: #fff;
	--default-text-color: #171717;
	--wrapper-bg-color: #f9f9f9;
	--mobile-bg-cover: #880000;
	--input-default-color: var(--default-text-color);
	--desktop-bg-cover: transparent;
	--std-font-family: 'Inter Tight',Arial, sans-serif;
	--cashier-bg: #eee;
	--selectArea-bg: #fff;
	--selectAreaCheckedLabel: #fff;
	--rdoBorderColor: #525050;
	--rdoBgColor: #fff;
	--activeSelectionColor: #0059A7;
	--activeSelectionColor-hover: #00427b;
	--inactiveSelectionColor: #ccc;
	--placeholder-color-mobile: #333;
	--placeholder-color-focus-mobile: transparent;
	--placeholder-color-desktop: #585858;
	--placeholder-color-focus-desktop: #ccc;
	--desktop-stickyheader-hide-transform: translate3d(0,-35px,0);
	--desktop-stickyheader-allmostall-transform: translate3d(0,-35px,0);
	--link-default-hover-color: #014A82;
	--button-default-color: #00672F;
	--button-default-color-hover: #004F28;
	--button-default-text-color: #fff;
	--button-alternative-color: #171717;
	--button-alternative-color-hover: #2c2c2c;
	--button-alternative-text-color: #fff;
	--button-action-color: #0059A7;
	--button-action-color-hover: #005db1;
	--transition-bg-color: background-color .3s ease;
	--default-focus-visible-outline: 2px solid #000;
	--default-focus-visible-box-shadow: 0 0 0 1px #ffffff, 4px 4px 0 3px #3f3f3f;
	--toparea-bg-color-desktop: #730e06;
	--topbar-bg-color-desktop: #880000;
	--top-menu-bg-color: #4b4b4b;
	--top-menu-bg-color-active-desktop: #525050;
	--top-menu-text-color: #fff;
	--sale-color: #982E26;
	--accordion-bg-color: #525050;
	--error-color: #933;
	--productlistcontaner-article-height: 490px; /* performance related */
	--productlistcontaner-article-height-horizontal: 75px;  /* performance related */
	--productlistcontaner-article-height-horizontal-mobile: 159px;  /* performance related */
	--footer-height-mobile: 1993px; /* performance related */
	--footer-height: 822px; /* performance related */

	/* border radius*/
	--border-radius-btn: 4px;
	--border-radius-small-btn: 15px;
	--border-radius-small-tag: 30px;
	--border-radius-small-tag-2: 20px;
	--border-radius-small-input: 18px;
	--border-radius-big-input: 40px;
	--border-radius-dropdown: 9px;
	--border-radius-search-input: 35px;

	--modal-width: 85vw;
	--modal-width-max: 450px;
	--modal-close-width-height: 61px;
	--modal-top-bg-color: #880000;
	--modal-top-text-color: #fff;

	--color-dark-red: #fff;
	--color-dark-red-hover: #fff;

	--color-menu-links: #000;

	--color-green: #000c;
	--color-green-hover: #000;

	--swiper-navigation-top-offset: 43%;

	/* border-colors */
	--border-input-color: #888888;
	--input-add-bg-color: #F4F3F3;
}



/* cyrillic-ext */
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/intertight/v7/NGSwv5HMAFg6IuGlBNMjxLsK8ah8QA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/intertight/v7/NGSwv5HMAFg6IuGlBNMjxLsD8ah8QA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/intertight/v7/NGSwv5HMAFg6IuGlBNMjxLsL8ah8QA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/intertight/v7/NGSwv5HMAFg6IuGlBNMjxLsE8ah8QA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/intertight/v7/NGSwv5HMAFg6IuGlBNMjxLsI8ah8QA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/intertight/v7/NGSwv5HMAFg6IuGlBNMjxLsJ8ah8QA.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/intertight/v7/NGSwv5HMAFg6IuGlBNMjxLsH8ag.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/intertight/v7/NGSwv5HMAFg6IuGlBNMjxLsJ8ah8QA.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/intertight/v7/NGSwv5HMAFg6IuGlBNMjxLsH8ag.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/intertight/v7/NGSwv5HMAFg6IuGlBNMjxLsJ8ah8QA.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/intertight/v7/NGSwv5HMAFg6IuGlBNMjxLsH8ag.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/intertight/v7/NGSwv5HMAFg6IuGlBNMjxLsJ8ah8QA.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/intertight/v7/NGSwv5HMAFg6IuGlBNMjxLsH8ag.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/intertight/v7/NGSwv5HMAFg6IuGlBNMjxLsJ8ah8QA.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/intertight/v7/NGSwv5HMAFg6IuGlBNMjxLsH8ag.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

*, *:after, *:before { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.preload * { -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; }
html { scroll-padding-top: 120px; }
html, body { border: none; height: 100%;}

/* Experimental */
/*
body:not(.prevent-scroll) #wrapper { opacity: .3; animation: fadeInOnLoad .2s ease-in-out forwards; }
body:not(.prevent-scroll) .catProdImage,
body:not(.prevent-scroll) .prodSwiper {opacity: .3; animation: fadeInOnLoad .4s ease-in-out forwards; }
@keyframes fadeInOnLoad { to { opacity: 1; } }
*/

body { height: 100vh; padding: 0; margin: 0; color: var(--default-text-color); font-family: var(--std-font-family); font-size: 16px; background-color: var(--body-bg-color); display: flex; flex-direction: column;  -webkit-font-smoothing: antialiased; }
img,
object,
video { border: none; height: auto; max-width: 100%; -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none; }
input[type=text] { -webkit-user-select: text; color: var(--input-default-color); }

img { /*object-fit: cover;*/ }
img, picture, video, canvas { display: block; max-width: 100%; }
input, button, textarea, select { font: inherit; color: var(--input-default-color); background-color: #fff; }
p, h1, h2, h3, h4, h5, h6 { /*overflow-wrap: break-word;*/ }
h1, h2, h3, h4, h5, h6 { text-wrap: balance; }
p { text-wrap: pretty; }

iframe { border: none; max-width: 100%; }
a { text-decoration:none; color:var(--default-text-color); outline: none; }
a:active,
a:hover { outline: 0; }
a:focus,
a:hover { text-decoration:underline; color: var(--link-default-hover-color); }
a:focus-visible { outline: var(--default-focus-visible-outline); }
a:active { background-color:transparent; outline:none }
.visually-hidden { position: absolute; border: 0; clip: rect(0 0 0 0); clip-path: inset(100%); width: 1px; height: 1px; margin: -1px; padding: 0; white-space: nowrap; overflow: hidden; }
button,
textarea,
input,
select,
a {  font-family: var(--std-font-family);  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;  user-select: none; }
h1, h2, h3, h4 { font-family: var(--std-font-family); }
h1 { font-size: 2em; font-weight: 500; margin-bottom: 20px; }
h2 { color: var(--default-text-color); display: block; font-size: 1.6em; margin: 0; padding: 25px 0; font-weight: 600; text-align: center; }
h1.styled,
h2.styled { position: relative; font-size: 1.7em; font-weight: 700; padding: 15px 0 20px 0; text-align: center;}
h1 .h1prefix { color: #707070; }
h3 { margin:0; padding:0 0 3px 0; display:block; font-size:1em; font-weight: 400; }
p { line-height: 1.6em; }
.infotext ul li a,
p a { text-decoration: underline; color: var(--default-text-color); }
.standardformat a { text-decoration: underline; color: var(--button-action-color); }
.standardformat ul { list-style-type: disc; margin: 10px 0 10px 22px; }
.standardformat table { border-collapse: collapse; width: 100%; background-color: #ffffff; }
.standardformat th, .standardformat td { padding: 8px; text-align: left; border-bottom: 1px solid #ddd; }
.standardformat th { background-color: #f2f2f2; }
.standardformat tr:nth-child(even) { background-color: #f9f9f9; }
.standardformat tr { transition: all .3s ease-in-out; }
.standardformat tr:hover { /*transform: scale(1.04);*/ background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,.4); outline: none !important; }
.pad { padding: 5px; }
.container {max-width:1300px; margin:0 auto; }

/* KQL-related example */
.container.category_burtoncustom { max-width: none; margin-top: -150px; }
.container.category_burtoncustom .bodytext p:not(:first-child) { max-width: 1300px; margin: 0 auto; }

#wrapper { padding: 0; background-color: var(--wrapper-bg-color)}

#atozPage, #informationPage { background: #fff; }
#atozPage { padding: 0 10px; }
#catContent, #azContent { background-color: #f9f9f9; padding-bottom: 100px; }
#catContent { background-color: #f9f9f9; /*margin: 0 -10px;*/ padding: 10px; }

div#dealOfTheDayGlobal { height: 40px; background-color: #2c2c2c; color: #fff; display: flex; align-items: center; justify-content: center; }
div#dealOfTheDayGlobal a { color: #fff; font-weight: 600; display: flex; flex-basis: 100%; justify-content: center; height: 100%; align-items: center; }

#notice_bar { background-color: #eedd00; display: flex; padding: 10px 20px; align-items: center; justify-content: center; color: #000; }
#notice_bar a { color: #fff; text-decoration: none; }

ul { list-style-type: none; margin:0; padding: 0; }
div:focus { outline: none; }

input,
select,
textarea { border: 1px solid #ccc; font-family: inherit; }
input[type=number] {-moz-appearance: textfield; color: var(--input-default-color); background-color: #fff;}
::-webkit-inner-spin-button { -webkit-appearance: none;}
::-webkit-outer-spin-button { -webkit-appearance: none;}
button, input { font-family:  var(--std-font-family) }

input,
textarea,
button { -webkit-border-radius: 0; }
input[type=text], input[type=password], textarea { transition: all 0.30s ease-in-out; outline: none; padding: 3px 0 3px 3px; margin: 5px 1px 3px 0; border: 1px solid #6b6b6b; color: var(--input-default-color); background-color: #fff; }
.styled-select { border: 1px solid #6b6b6b; }
input[type=text]:focus,
textarea:focus {}
caption { text-align: left; border-bottom: 1px solid #ccc; padding-bottom: 3px; }
label { font-size: 0.9em; font-weight: 600; }
.smallLabelText { font-weight: normal; font-size: .8em; }
form { width: 100%; }
form,
fieldset { margin:0; padding:0; border:none; clear: both; }

.vatparent { display: inline-block; vertical-align: bottom; margin-right: 40px; }
#vatSelect { display: block; font-size: 1em;}
#vatSelect { list-style: none; display: inline-flex; }
#vatSelect .btnVat {display: inline-flex; padding-right: 10px; align-items: center; border: 0; background-color: transparent; cursor: pointer;}
#vatSelect .btnVat:last-child { border-left: 1px solid #fff; padding-left: 10px; padding-right: 0;}
#vatSelect .btnVat { font-size: 1em; color: #fff;}
#vatSelect .btnVat:hover {color: #fff;}
#vatSelect .btnVat[aria-pressed="true"] { font-weight: 600; color: #fff;}
#vatSelect .btnVat[aria-pressed="true"]:before { content: '\2713'; font-size: 12px; color: #000; font-weight: bold; margin-right: 5px; background-color: #fff; padding: 2px; border-radius: 50%; width: 17px; height: 17px; display: inline-flex; align-items: center; justify-content: center; }
.fullWidth #vatSelect { text-align: left; padding: 10px 15px 8px 15px; background-color: #eaeaea; font-size: .9em; }
.fullWidth #vatSelect #loginlinks { margin-top: -1px; }
.fullWidth #vatSelect #loginlinks a { padding: 3px 9px 5px 9px; }

#loginlinks { float: right; }
#loginlinks a { background-color: #6c6c6c; padding: 5px 9px; border-radius: 30px; color: #fff; font-size: .85em; }

@media (max-width: 767.98px) {
	#vatSelect { position: absolute; bottom: 0; background-color: #f7f7f7; width: 100%; padding: 10px; display: flex; justify-content: center; }
	#vatSelect { display: flex; list-style: none; display: flex; width: 100%; justify-content: space-evenly; }
	#vatSelect .btnVat[aria-pressed="true"] { background-color: #333; border-radius: 30px; padding: 3px 13px; }
	#vatSelect .btnVat { font-size: 1em; color: var(--color-green); border-radius: 30px; padding: 3px 13px; border: 1px solid var(--color-green); }
	#vatSelect .btnVat:hover { color: var(--color-green); background-color: #f7f7f7; }
	#vatSelect .btnVat:last-child { border-left: inherit; padding-left: 10px; padding-right: 10px; }							
}

/* Clearfix */
.cf:before,
.cf:after { content: " "; /* 1 */ display: table; /* 2 */ }
.cf:after { clear: both; }

.nav-icon { margin: 0 auto; width: 24px; cursor: pointer; }
.nav-icon:after,
.nav-icon:before,
.nav-icon span { background-color: #fff; border-radius: 3px; content: ""; display: block; height: 2px; margin: 5px 0; transition: all 0.2s ease-in-out; }
/*Note: If you changed width of lines of head of arrow, then you also might have to set the transformation of those line accordingly*/
.nav-icon.closed:before { transform: translate3d(-2px,3px,0) rotate(135deg); width: 14px; }
.nav-icon.closed:after { transform: translate3d(-2px,-3px,0) rotate(-135deg);  width: 14px; }

#topFavouriteWrapper { display: flex; width: 60px; order: 10; align-items: center; justify-content: center; background-color: var(--mobile-bg-cover); }
#topFavourite { position: relative; cursor: pointer; color: var(--default-text-color); display: flex; align-items: center; justify-content: center;flex-wrap: wrap;}
#topFavourite .dyn-favourites-count { display: none; top: 55%; position: absolute; color: var(--default-text-color); display: flex; width: 20px; height: 20px; align-items: center; justify-content: center; border-radius: 100%; font-size: .8em; font-weight: normal; transition: color .3s; transform: translate3d(0,-50%,0) }
#topFavourite.active .dyn-favourites-count { display: flex; }
#topFavourite { display: flex; align-items: center; justify-content: center; }
#topFavourite:hover,
#topFavourite:focus { text-decoration: none; }
#topFavourite:hover svg,
#topFavourite:focus svg { fill: var(--button-alternative-color-hover); }
#topFavourite:focus-visible { outline: var(--default-focus-visible-outline); outline-offset: 2px; }
#topFavourite.favourites-text svg { fill: #fad1d1; transition: fill .3s; display: flex; align-items: center; justify-content: center; width: 35px; height: 35px;}
#topFavourite.favourites-text.active svg { /*fill: #fff; color: #000;*/ }
#topFavourite.favourites-text.active .dyn-favourites-count { color: #000;  background-color: transparent;}
#topFavourite.favourites-text:hover svg,
#topFavourite.favourites-text:focus svg { fill: #cdcdcd; }
#topFavourite.favourites-text:hover .dyn-favourites-count,
#topFavourite.favourites-text:focus .dyn-favourites-count { color: #fff; }

#topLogo,
#topCartContent,
#topContact,
#topFlag,
#topFavouriteWrapper { z-index: 2; }

body.stickyheader #topBar { position: fixed; width: 100%; z-index: 10; min-height: 118px; top: 0; /*transform: translate3d(0,0,0);*/ transition: transform .25s; backface-visibility: hidden; background-color: var(--topbar-bg-color-desktop); }
/*
body.stickyheader #topBar:after {  content: \'\'; position: absolute; z-index: -1; width: 100%; opacity: 0; transition: opacity 0.3s ease; box-shadow: 0 -7px 20px 4px #9e9e9e;}
body.stickyheader #topBar.hide { transform: translateY(-120px); transition: transform .25s; backface-visibility: hidden; }
body.stickyheader #topBar.hide:after { opacity: 1; }
*/

body.stickyheader #topBar.hide { max-height: 60px; min-height: auto;}
body.stickyheader #topBar.hide #topLogo { flex: auto; background-color: var(--mobile-bg-cover);}
body.stickyheader #topBar #btnNav,
body.stickyheader #topBar #topSearch { transition: transform .25s; }
body.stickyheader #topBar.hide #topSearch,
body.stickyheader #topBar.hide #btnNav { transform: translate3d(0,-60px,0); z-index:-1; }
body.stickyheader #topBar.allmostall #topSearch,
body.stickyheader #topBar.allmostall #btnNav	{ transform: translate3d(0,0,0); z-index:1}
body.stickyheader #wrapper { margin-top: 120px; /*padding-bottom: 50px;*/ }

/*
body.stickyheader #topBar.allmostall { transform: translateY(0); transition: transform .25s; backface-visibility: hidden; }
body.stickyheader #topBar.allmostall:after { opacity: 1; }
body.stickyheader #wrapper { margin-top: 120px; }
*/

#topBar { position: relative; color: var(--default-text-color); background-color:var(--topbar-bg-color-desktop); }
#topBar > .container { display: flex; flex-wrap: wrap; position: relative; padding: 0; background-color: var(--mobile-bg-cover); max-height: 60px;}
#topArea { display: none;}

#topLogin { margin-right: 15px; }
#topLogin a { padding: 5px 10px !important; background-color: transparent; color: #fff; border-radius: var(--border-radius-small-btn); transition: background-color .3s ease-in-out; border: 1px solid #fff; }
#topLogin a:hover,
#topLogin a:focus-visible { background-color: #fff; color: #000;}
#topLogin a:focus-visible { outline: var(--default-focus-visible-outline); }

#topLogo { order: 10; background-color: var(--mobile-bg-cover); flex: auto; display: flex; align-items: center; padding-left: 10px;}
#topLogo img { max-height: 55px; width: 179px; max-width: 103px; }
#topLogo svg { width: 100%; height: auto; max-height: 60px; max-width: 200px; }
#topLogo a { display: flex; align-items: center; justify-content: center; height: 60px; }
#topLogo .logotext { fill: #fff; }
body.cashierrelated #topLogo {/*justify-content: center;*/}

#topSearch { order: 30; align-items: center; justify-content: center; display: flex; flex-grow: 1; min-width: 73%;}
#topSearch form { display: flex; width: 100%; height: 60px; align-items: center; justify-content: center;}
#topSearch fieldset { width: 100%; height: 100%; }
.search-form-new .searchContainer { position: relative; display: flex; height: 100%; align-items: center; justify-content: center; }
.search-form-new .searchContainer .twitter-typeahead { width: 100%; height: 100%; position: relative; top: 0; }
.search-form-new .text { height: 100%; padding: 5px 5px 5px 5px; font-size: 16px; width: 100%; border: 0; border-radius: 0; background-color: #dedede; margin: 0; z-index: 2;}
.search-form-new .text:focus { color: #333;  }
.search-form-new .text:focus,
.search-form-new .text:active { background-color: #f7f7f7; }
.search-form-new .text::placeholder { color: #333; }
.search-form-new .text::-webkit-input-placeholder { color:var(--placeholder-color-mobile); }
.search-form-new .text:-moz-placeholder { color: var(--placeholder-color-mobile); }
.search-form-new .text:-moz-placeholder { color: var(--placeholder-color-mobile); }
.search-form-new .text:-ms-input-placeholder { color: var(--placeholder-color-mobile); }
.search-form-new .text:focus-visible { }
.search-form-new .text:focus::placeholder { color: var(--placeholder-color-focus-mobile); }
.search-form-new .text:focus::-webkit-input-placeholder { color: var(--placeholder-color-focus-mobile); }
.search-form-new .text:focus:-moz-placeholder { color: var(--placeholder-color-focus-mobile); }
.search-form-new .text:focus::-moz-placeholder { color: var(--placeholder-color-focus-mobile); }
.search-form-new .text:focus:-ms-input-placeholder { color: var(--placeholder-color-focus-mobile); }
.search-form-new .icon { cursor: pointer; position: absolute;justify-content: center; align-items: center; color: #fff; background-color: var(--button-alternative-color); height: 60px; width: 60px; font-size: 18px; top: 0; right: 0; border: 0; transition: all 250ms ease; }
.search-form-new .icon:hover { color: #fff; transition: all 250ms ease }
.search-form-new .icon:hover,
.search-form-new .icon:focus { background-color: var(--button-alternative-color-hover); }
.search-form-new .icon:hover svg,
.search-form-new .icon:focus svg { fill: #fff }
.search-form-new svg { width: 18px; height: 18px; fill: #fff; transition: all 250ms ease}

.jsShakeArea { display: flex; align-items: stretch; flex-direction: column; height: 100%; }
#topCartContent { order: 20; align-items: center; justify-content: right; width: 60px;}
#topCartOpen { height: 100%; align-items: center; justify-content: flex-end; display: flex; }

#topFavouriteWrapper.tooltip:before,
#topFavouriteWrapper.tooltip:after,
#topFlag.tooltip:before,
#topFlag.tooltip:after { display: none; }
#topFlag { position: relative; display: flex; align-items: center; justify-content: center; order: 15; background-color: var(--mobile-bg-cover);}
#topFlag #btnFlag { width: 60px; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%;border: 0; cursor: pointer; background-color: transparent;}
#topFlag #btnFlag .btnlabel { font-size: .9em; }
#topFlag #btnFlag .btnlabel.btnlabel2 { color: #fff; font-size: .8em; padding: 2px 5px; border-radius: 20px; position: relative; bottom: 0; min-width: 90px; }
#topFlag #btnFlag svg { width: 25px; height: 25px; fill: #fff; transition: fill .4s ease; }
#topFlag #btnFlag[aria-expanded=true] svg { fill: #C72D25; }
#topFlag #btnFlag[aria-expanded=true]:after { bottom:0; left:50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(222, 222, 222, 0);	border-bottom-color: #fff; border-width: 6px; margin-left: -6px; }
#topFlagInner { display: none; position: absolute; width: 230px; right: 0; background-color: #fff; top: 100%; box-shadow: 5px 12px 18px -4px #333; max-height: 0; overflow: hidden; transition: max-height .3s; will-change: max-height; }
#topFlagInner.open { display: block;  max-height: 80vh; transition: max-height .3s; z-index: 1;     overflow: auto;}
#topFlagInner > ul { display: flex; flex-direction: column; justify-content: flex-start;    /*max-height: 90vh; overflow: auto;*/ }
#topFlagInner > ul > div ul { flex-direction: column; justify-content: flex-start; }
#topFlagInner > ul > li > ul { flex-wrap: wrap; width: 100%; }
#topFlagInner > ul > li { flex-wrap: wrap; }
#topFlagInner li { display: flex; flex-basis: 100%;}
#topFlagInner li:last-child { border-bottom: 2px solid #838383; }
#topFlagInner li.active a { background-color: #e8e8e8; }
/*#topFlagInner li:nth-child(2) { border-bottom: 2px solid #b3b3b3; }*/
#topFlagInner a,
#topFlagInner li .expandContent button { display: flex; align-items: center; flex-basis: 100%; padding: 10px; font-size: .9em; background-color: #fff; border: 0; }
#topFlagInner a:hover { text-decoration: none; background-color: #f7f7f7; opacity:1; }
#topFlagInner a:focus-visible { outline: 1px solid #000; background-color: #f7f7f7; opacity:1;}
#topFlagInner img { margin-right: 10px; }
#topFlagInner .cName { margin-right: 0; margin-left: auto;}
#topFlagInner .cShort {text-align: left;}
#topFlag .flagImg { width: 35px; height: 23px; background-repeat: no-repeat; background-position: center center; background-size: cover; }
#topFlag .flagImg.sub { margin-right: 10px; }

.localeToggle { display: flex; align-items: center; width: 100%; background-color: #fff; padding: 15px 10px; text-align: left; border: 0; border-bottom: 1px solid #bababa; cursor: pointer; }
.localeToggle svg { width: 15px; height: 15px; margin-left: auto; margin-right: 0; transform: rotate(-90deg); }
.localeToggle[aria-expanded=true] svg { transform: rotate(90deg); }

/*#topContact { display: none; align-items: center; justify-content: center; order: 15; width: 60px;}*/
#topContact { display: flex; align-items: center; justify-content: center; order: 15; width: 140px; background-color: var(--mobile-bg-cover);}
#topContact .md_switch{ color: var(--default-text-color);}
#topContact #topContactInner { /*display: none;*/ position: absolute; width: 100%; left: 0; background-color: #dedede; top: 59px; box-shadow: 5px 12px 18px -4px #333; max-height: 0; overflow: hidden; transition: max-height .3s; will-change: max-height; }
#topContact #topContactInner.open { /*display: block;*/  max-height: 80vh; transition: max-height .3s; }
#topContact #topContactInner ul { padding: 20px; }
#topContact #btnContact { width: 60px; position: relative; /*display: flex;*/ display: none; flex-direction: column; align-items: center; justify-content: center; height: 100%;border: 0; cursor: pointer; background-color: #3c8bc3; }
#topContact #btnContact svg { width: 25px; height: 25px; fill: #fff; transition: fill .4s ease; }
#topContact #btnContact[aria-expanded=true] svg { fill: #C72D25; }
#topContact #btnContact[aria-expanded=true]:after { bottom:0; left:50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(222, 222, 222, 0);	border-bottom-color: #dedede; border-width: 6px; margin-left: -6px; }

#topMenu { display: flex; align-items: center; justify-content: center; }
#topMenu { display: flex; align-items: center; place-content: flex-end; position: absolute; right: 0; bottom: 0; height: 60px; justify-content: flex-start; background-color: #fff;  }
/*#topBar.hide #topMenu { box-shadow: 2px 2px 2px #ccc; }*/

#btnNav { z-index: 2; order: 40; cursor: pointer; color: #fff; background-color: #171717; border: 0; width: 60px; height: 60px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
#btnNav:hover { background-color: #000;}
#btnNav:focus {color: var(--default-text-color);outline: none; background-color: #000; }
#btnNav:focus-visible {outline: var(--default-focus-visible-outline); }
#btnNav .menuText { font-size: .8em; font-weight: 500; color: #fff; margin-top: 3px;}
#btnNav svg { width: 25px; height: 25px; fill: #fff; }

#basketItems { border: 0; color: #000; display: flex; align-items: center; position: relative; cursor: pointer; font-weight: 600; font-size: 1em; height: 100%; background-color: var(--mobile-bg-cover); width: 60px; justify-content: center; }
#basketItems.hasitems {}
#basketItems.hasitems svg { }
#basketItems .iconwrapper { display: flex; align-items: center; position: relative;}
#basketItems .iconwrapper .basketQty { min-width: 23px; height: 23px; background-color: #a4a4a4; border: 2px solid #fff; display: flex; align-items: center; justify-content: center;  border-radius: 100%; position: absolute; font-size: .7em; top: -12px; right: 0; }
#basketItems.hasitems .iconwrapper .basketQty { background-color: #fff; }
#basketItems svg { width: 30px; height: 30px; margin-right: 10px; fill: #fff;}
#basketItems .basketTotal {display: none; }
#basketItem:hover { color: #fff; }
#basketItems:hover,
#basketItems:focus { outline: 2px solid transparent; }
#basketItems:focus-visible .iconwrapper { outline-offset: 2px; outline: var(--default-focus-visible-outline);;}
#btnToCashier { display: none; }


/*#wrapper { padding: 0 10px; }*/

#breadcrumbs { font-size: .8em; padding: 0 10px;     background-color: #fff;}
#breadcrumbs nav ul { display: flex; align-items: stretch; flex-wrap: nowrap; padding: 5px 0; overflow-x: auto; scroll-snap-type: x mandatory;
	/*
    background-image: linear-gradient(to right, #f7f7f7, #f7f7f7), linear-gradient(to right, #f7f7f7, #f7f7f7), linear-gradient(to right, rgba(0, 0, 0, 0.25), rgba(255, 255, 255, 0)), linear-gradient(to left, rgba(0, 0, 0, 0.25), rgba(255, 255, 255, 0));
    background-position: left center, right center, left center, right center;
    background-repeat: no-repeat;
    background-size: 20px 100%, 20px 100%, 10px 100%, 10px 100%;
    background-attachment: local, local, scroll, scroll;*/
}
#breadcrumbs nav ul::-webkit-scrollbar { width: 0; background: transparent; height: 0;}
#breadcrumbs nav li { flex: none;  margin-right: 10px; scroll-snap-align: start; display: flex; align-items: center; justify-content: center;}
#breadcrumbs nav li a { min-height: 44px; display: flex; align-items: center; }
#breadcrumbs nav a#activecrumb { background-color: #c72d25; color: #fff; }
#breadcrumbs li.arrow:before { content:"/"; padding-right:10px; }
#breadcrumbs li.lastchild { font-weight: 600; }
#breadcrumbs li.lastchild a { padding:0 10px;}
#breadcrumbs li.lastchild:before { padding-right: 0; }

#productPageUpper {	/*background-color: rgba(255,255,255,.6);*/     /*background-image: linear-gradient(to bottom, #f9f9f9, #efefef, #ececec, #eaeaea, #f6f6f6)*/ /*linear-gradient(to bottom, #f2f2f2, #efefef, #ececec, #eaeaea, #e7e7e7);*/ background-color: #fff;}
#productPageUpper section {	display: flex; flex-wrap: wrap; }
#productPageUpper #prodImage {width: 100%; order: 1; }
#productPageUpper .productImageWrapper { background-color: #fff;  }
#productPageUpper #prodInfo { flex: 1; order: 2; -webkit-transition: all 0.3s ease;transition: all 0.3s ease; position: relative; padding: 10px 10px 0 10px; background-color: #fff;}
#assoc2Wrapper, #assoc3Wrapper { margin-top: 20px; }
#productPageUpper #mimagecont img { max-height: 40px; margin-bottom: 8px; }
#productPageUpper #mimagecont img[src$=".svg"] { min-height: 60px; }
#productPageUpper #mimagecont a { display: inline-block; }
#productPageUpper #mimagecont a:focus-visible { outline: 1px solid #000; }
.productImageWrapper {position: sticky; top: 0;}
.productImageContainer {position: relative; overflow: hidden;}
.productImageContainer .next,
.productImageContainer .prev {cursor: pointer;font-size: 50px;font-weight: 600;position: absolute;color: #333; top: 50%; transform: translate3d(0,-50%,0) }
.productImageContainer .next {right: 5px;}
.productImageContainer .prev {left: 5px;}
.productImageContainer .next:hover,
.productImageContainer .prev:hover {color: #787878;}
.productImage {display: flex; justify-content: center; align-items: center; height: 350px; background-color: #fff;position: relative;width: 100%;/*overflow: hidden*/;max-width: 700px;margin: 0 auto 0;/*height: 320px;line-height: 320px;*/}
.productImage img {max-height: 350px; width: auto;}
.productImage a,
.productImage video { display: flex; justify-content: center; align-items: center; margin: auto; }
.productImage video { width: 90%; }
.productImage .image-caption { position: absolute; bottom: 30px; height: 40px; line-height: 40px; width: 100%; font-size: .9em; padding: 0 25px;
	background: -moz-linear-gradient(left,  rgba(229,229,229,0) 0%, rgba(229,229,229,.7) 15%, rgba(229,229,229,.7) 85%, rgba(229,229,229,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(229,229,229,0) 0%,rgba(229,229,229,.7) 15%,rgba(229,229,229,.7) 85%,rgba(229,229,229,0) 100%);
	background: linear-gradient(to right,  rgba(229,229,229,0) 0%,rgba(229,229,229,.7) 15%,rgba(229,229,229,.7) 85%,rgba(229,229,229,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00e5e5e5", endColorstr="#00e5e5e5",GradientType=1 );
}
#slider { visibility: hidden; overflow: hidden; }
#prodInfo .rating {	cursor: pointer; margin: -10px 0 15px 0; }

.stars { position: relative; white-space: nowrap; isolation: isolate;}
.stars svg { width: 20px; }
.cover { background: white; height: 100%; overflow: hidden; mix-blend-mode: color; position: absolute; top: 0; right: 0; }
.stars svg { fill: gold;}

#prodInfo p { padding: 8px 0;  }
#prodInfo p.giftwraptext { margin: 10px 0; font-size: .9rem; display: flex; align-items: center; color: rgb(174, 101, 0); padding: 0 !important; }
#prodInfo p.giftwraptext svg { width: 20px; height: 20px; margin-right: 10px; fill: rgb(174, 101, 0); }
#prodInfo .selProdAssoc { width: 100%; }
#prodInfo .dealPill { background-color: #000; display: inline-flex; color: #fff; padding: 4px 10px; font-size: .8em; border-radius: 20px; margin-bottom: 5px; font-weight: bold; }
#prodInfo h1 {padding-top: 0;padding-bottom: 0;padding-left: 0; text-align: left;}
#prodInfo .subscriptSpot {margin-top: 10px;font-size: .8em;text-align: center;}
#prodInfo .subscriptSpot span {background-color: #333; padding: 4px 10px; color: #fff; border-radius: 2px; }
#productManufacturer { text-align: left; margin: 5px 0 10px; padding: 0; font-weight: 700; font-size: .85em; font-weight: normal; }
#productManufacturer .artno { color: #000; }
#prodInfo .agreeprice { border: 1px solid #414141; background-color: #fff; padding: 10px; font-size: 1em; font-weight: 600; margin: 10px 0; }
#prodInfo .agreeprice i { font-size: 2.6em; float: left; margin-right: 9px; color: #00a6f4; }
#prodInfo .shortDesc { margin-top: 10px; }
#prodInfo .shortDesc p { white-space: pre-line; }
#prodInfo .symbolContainerInfo { display: flex; margin: 20px 0; align-items: center; gap: 20px; }
#prodInfo .symbolContainerInfo .attrRefInner { width: 50px; height: 50px; display: flex; align-items: center; }
#prodInfo .symbolContainerInfo .attrRefInner.url { background-size: contain; background-repeat: no-repeat; }
#prodInfo .helpttext { position: relative; margin: 10px 0; padding: 10px; font-size: .9em; }
#prodInfo #data-attrib-result .helpttext { background-color: #ececec; }
#prodInfo #data-attrib-result .productBuy input { background-color: #fff; }
#prodInfo .assoc { margin: 15px 0 20px; /*background-color: #fff;*/ padding: 10px 10px 15px 0; border-radius: 4px; }
#prodInfo .prices { font-weight:600; font-size: 2.3em; position: relative; margin: 15px 0; padding: 0;}
#prodInfo .prices .vatRate { font-size: .35em; font-weight: normal; display: block; padding: 5px 0; }
#prodInfo .pricescont { display: inline-block; width: 60%; vertical-align: middle; }
#prodInfo .actions { position: absolute; right: 5px; top: 10px; }
#prodInfo .priceOld { font-size: .5em; }
#prodInfo .stockStatus { display: flex; justify-content: space-between; margin: 0; padding: 0 0 15px 0;  /*border-top: 1px solid #dddddd;  border-bottom: 1px solid #dddddd;*/ flex-wrap: wrap; gap: 5px; font-weight: bold;}
#prodInfo .stockStatus .delDays {}
#prodInfo .stockStatus .stockstatustext,
#prodInfo .stockStatus .deliverydays { flex-basis: 100%;}
#prodInfo .bracketPrices { background-color: transparent; border: 1px solid #c4c4c4; padding: 10px; position: relative; margin:5px 0 15px 0; font-size: .9em; width: 100%; }
#prodInfo .bracketPrices table { width: 100%; }
#prodInfo .bracketPrices .col1 { width: 53%; }
#prodInfo .productBuy .stockQty { font-size: .7em; display: flex; align-items: center; justify-content: center; padding: 5px; margin-bottom: -10px; }
#prodInfo .bracketPrices caption { font-weight: 700; margin-bottom: 5px; }
#prodInfo .bracketPrices th { font-size: .9em; text-align: left; }
/*#prodInfo .bracketPrices:after {top: 100%;left: 40px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(247, 247, 247, 0);border-top-color: #efefef;border-width: 10px;margin-left: -10px;}*/
#prodInfo .installment {margin-top: 8px;font-size: 13px;font-weight: normal;}
#prodInfo .productOptions { margin-top: 20px; padding-top: 4px; border-top: 1px dashed #ccc; }
#prodInfo .productBuy {display: flex; flex-wrap: wrap;}
#prodInfo .productBuy .col1 {position: relative; /*width: 80px;*/ width:auto; margin-right: 10px; max-width: 100px; height: 49px;}
#prodInfo .productBuy .col1 .buyBtnWrapper { z-index: 1; }
#prodInfo .productBuy .col2 {flex: 1;}
#prodInfo #maxQty { display: flex; flex-basis: 100%; background-color: #cef2ec; margin: -12px 0 10px 0; padding: 5px; }
#prodInfo .unitSub { flex-basis: 100%; font-size: .75em; width: 200px; position: absolute; bottom: -19px; left: 6px; }
#prodInfo .notify { width: 100%; }
#prodInfo .notifyme { position: relative; background-color: #fff; color: var(--button-default-color); border: 2px solid var(--button-default-color); }
#prodInfo .notifyme:hover,
#prodInfo .notifyme:focus-visible { background-color: #edf9f3; }

#prodInfo .productBuy input {border: 1px solid #6b6b6b;line-height: 45px;height: 47px;text-align: center;font-weight: 600;font-size: 1.3em; background-color: #fff; width: 100%;}
#prodInfo .productBuy input:focus-visible {box-shadow: var(--default-focus-visible-box-shadow);}
#prodInfo .productBuy input[readonly] { background: #ebebeb; color: #9a9a9a; }
#prodInfo .productBuy button.showCart,
#prodInfo .productBuy a.linkToCashier {display: flex; align-items:center; justify-content: center; width: 100%; line-height: normal; background-color: #535353; padding: 10px; font-size: .9em; border-radius: 20px; color: #fff; margin-top: 10px;}
#prodInfo .stickywrap { min-height: 50px; }
body.makesticky #prodInfo .stickywrap a.linkToCashier { display: none; }

.freightNotice { color: red; margin-top: 25px; }
#miniCart .freightNotice,
#cashierCart .freightNotice { margin-top: 5px; font-weight: normal; font-size: .7rem; }
#prodInfo .assoc { }
#prodInfo .assocText { }
#prodInfo .assocText span { color: red; }
#prodInfo .assocSelectWrapper { flex-basis: 100%; }
#prodInfo #assocSelectLabel { margin: 5px 0 0; font-size: 1em; }
#prodInfo .assocName { font-weight: bold; }
#prodInfo .selProdAssoc { width: 100%; }
#prodInfo .selProdAssocImg { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 20px; }
#prodInfo .selProdAssocImg .assocChoiceLabel { padding: 5px; border-radius: 5px; cursor:pointer; border: 2px solid #eaeaea; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; background-color: #fff; margin-bottom: 10px;}
#prodInfo .selProdAssocImg .assocChoiceLabel input[type=radio].assocChoice { opacity: 0; position: absolute; cursor: pointer; }
#prodInfo .selProdAssocImg .assocChoiceLabel:hover { border: 2px solid #999; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
#prodInfo .selProdAssocImg .assocChoiceLabel.selected  { border: 2px solid #0aa328; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
#prodInfo .selProdAssocImg .assocChoiceLabel img { max-height: 50px; font-size: 1px; }
#prodInfo .selProdAssocImg .assocChoiceLabel.disabled { opacity: .7; position: relative; }
#prodInfo .selProdAssocImg .assocChoiceLabel.disabled img { filter: grayscale(1); opacity: .7; position: relative; overflow: hidden; }
#prodInfo .selProdAssocImg .assocChoiceLabel.disabled:after{ content: ""; position: absolute; border-top: 2px solid #5d5d5d; width: 87px; transform: rotate(45deg); transform-origin: 0 0; top: -4px; left: 0; }
#prodInfo .selProdAssocImg .assocChoiceLabel .assocname { flex: auto; font-size: .7em; margin-top: 9px; margin-left: -5px; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; }
#prodInfo .selProdAssocImg .assocChoiceLabel .assocname span { display: none; }

#dynStickyContent.hide { display: none; }
@media (max-width: 767.98px) {
	#productManufacturer { position: absolute; left: 12px; top: auto; margin-top: -12px; }
	
	body.makesticky #prodInfo .productBuy { display: flex; flex-wrap: wrap; position: fixed; bottom: 0; background-color: #fff; z-index: 4; width: 100%; left: 0; min-height: 75px; padding: 5px 10px; animation: fadein 1s; box-shadow: 0 1px 2px rgba(0,0,0,0.07),	0 2px 4px rgba(0,0,0,0.07),	0 4px 8px rgba(0,0,0,0.07),	0 8px 16px rgba(0,0,0,0.07),0 16px 32px rgba(0,0,0,0.07),0 32px 64px rgba(0,0,0,0.07); }
	#dynStickyContent { display: flex; max-width: 100%; flex-basis: 100%; font-size: 13px; font-weight: bold; margin-top: -2px; justify-content: space-between; align-items: center; padding: 0 10px; }
	#dynStickyContent .h1div { max-width: 69%; height: 13px; margin-bottom: 7px; text-overflow: ellipsis; overflow: hidden; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
}

#prodStructure { position: relative; margin: 10px 0 20px 0; padding: 10px; background-color: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0, 0, 0, .24); border-radius: 4px;  transition: all 0.3s cubic-bezier(.25,.8,.25,1); }
#prodStructure:hover { box-shadow: 0 6px 10px rgba(0, 0, 0, .25), 0 1px 4px rgba(0, 0, 0, .22); }
#prodStructure h2 { margin: 5px 0 12px 0; font-weight: bold; text-align: left; padding: 7px 0 7px 0; font-size: 1.1em;}
#prodStructure li { flex-basis: 100%; align-items: center; }
#prodStructure ul { display: flex; flex-wrap: wrap; gap: 6px; }
#prodStructure ul li a { display: flex; align-items: center; gap: 25px; background-color: #f7f7f7; font-size: .9em;}
#prodStructure span.sIcon { position: absolute; top: 5px; right: 11px; }
#prodStructure span.sIcon svg { width: 40px; height: 40px; fill: #565656; }
#prodStructure span.sAmount { justify-content: flex-end; display: flex; width: 40px; font-size: .8em; font-weight: 600; }
#prodStructure span.sImage { height: 50px; width: 50px; display: flex; align-items: center; justify-content: center; background-color: #fff; margin-right: -25px; }
#prodStructure span.sImage img { object-fit: none; }
#structureInfo { margin-top: 10px; padding: 10px; font-size: .9rem; background-color: #eaf7fe; }
#structureInfo strong { display: block; margin-bottom: 5px;}

#prodDesc .container { display: flex; flex-wrap: wrap; position: relative; padding: 0 ; }
#prodDesc p { line-height: 1.8em; margin: 10px 0; }
#prodDesc p:first-of-type { margin-top: 0;}
#prodDesc h3 { font-weight: bold; }
#productEmail,
#wishList { margin-left: 10px; font-size: .6em;}

#prodOthers { /*background-color: #f7f7f7;*/ }
#prodOthers section { padding-bottom: 40px; margin: 20px 0 0 0; }

.suspended { border: 1px dashed #000; padding: 10px; margin: 25px 0px 10px; }

#extracontainer { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 0 10px }
#productInfoConditions { color: #333;margin-bottom: 0;font-weight: 400;font-size: .9em; display: flex; flex-basis: 100%; margin-top: 10px;}
#productInfoConditions span { color: #00672f; font-size: 1.1em; margin-right: 6px; font-weight: 600; }
#productInfoConditions div {padding: 3px 0;margin-right: 5px;flex-basis: 100%;}
#productInfoConditions #pUsp {	display: flex; justify-content: space-between; flex-wrap: wrap; flex-basis: 100%; }


#printIcon { display: flex; justify-content: center; margin-right: 15px; }
#printIcon svg { width: 20px; height: 20px; fill: #fff; }
#printIcon a { background-color: var(--activeSelectionColor); padding: 10px; border-radius: 50%; display: flex; }
#printIcon a:hover,
#printIcon a:focus { background-color: var(--activeSelectionColor-hover); }

#pUsp p { display: inline; }

#prodMisc {	display: flex; flex-direction: column;  width: 100%; padding: 20px 8px 0 8px; background-color: #fff; margin-top: 10px; }
#prodAttributes table { font-size: .9em; }

#prodMisc h2 { font-size: 1.2em; font-weight: 600; padding:  15px 0 5px 0; margin: 10px 0; text-align: left; }
#prodMisc h2:first-of-type { margin-top: 0; }
#prodMisc ul li i { font-size: .7em; }

#lowestDaily { margin-bottom: 10px;}
#lowestDaily .chart { margin-bottom: 10px; }
#lowestDaily .single { }
#lowestDaily .multi .single { font-size: .9em; padding: 10px; }


.modalRightClose { position: absolute; height: var(--modal-close-width-height); width: var(--modal-close-width-height); right: 0; top: 0; background-color: transparent; }
.modalRightClose:hover svg,
.modalRightClose:focus svg { outline: 0; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg);  -ms-transform: rotate(90deg);   -o-transform: rotate(90deg);  transform: rotate(90deg);	transition: all 200ms ease 0s; }
.modalRightClose:focus-visible { outline: var(--default-focus-visible-outline); }

/*@media (max-width: 767.98px) {*/
.right-open.modalShadow {box-shadow: 5px 0 15px rgba(0,0,0,.5); }
.modalRightTransition:not(#attributes) {  transform: translate3d(calc(var(--modal-width) * -1),0,0); width: var(--modal-width); max-width: var(--modal-width-max); backface-visibility: hidden; will-change: transform; /*transition: transform 0.3s;*/ transition: all 0.45s ease}
.modalRightTransition:not(#attributes),
	/*.modalRightTransition > * { transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), box-shadow 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);  }*/
.modalRightTransition:not(#attributes) > * { /*transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86)*/ }
.right-open { visibility:visible !important; transform: translate3d(0,0,0) !important; /*transition: transform 0.3s;*/ transition: all 0.45s ease; backface-visibility: hidden; will-change: transform;}
.modalRight:not(#attributes) > h3,
.modalRight:not(#attributes) > strong { display: flex; background-color: var(--modal-top-bg-color); font-weight: 600; font-size: 1.1em; color: var(--modal-top-text-color); height: var(--modal-close-width-height); align-items: center; padding: 0 30px;     /*border-bottom: 1px solid #e6e6e6;*/}
.modalRight h3 > svg,
.modalRight strong > svg{ width: 20px; height: 20px; fill: var(--modal-top-text-color); margin-right: 10px; }
.modalRightClose { transition: all 200ms ease 0s; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; border: 0; outline: none; margin-left: auto; }
.modalRightClose svg { width: 18px; height: 18px; fill: var(--modal-top-text-color); }
/*}*/


#attributes.modalRightTransition .modalRightClose { display: none; }


@media (max-width: 767.98px) {
	#attributes.modalRightTransition .modalRightClose { display: block; }
	#attributes.modalRightTransition { transform: translate3d(85vw, 0, 0); width: 85vw; backface-visibility: hidden; will-change: transform; /*transition: transform 0.3s;*/ transition: all 0.45s ease }
	#attributes.modalRightTransition,
	#attributes.modalRightTransition > * { transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86) }

	#attributes.modalRightTransition {  transform: translate3d(calc(var(--modal-width) * -2),0,0); width: var(--modal-width); max-width: var(--modal-width-max); backface-visibility: hidden; will-change: transform; /*transition: transform 0.3s;*/ transition: all 0.45s ease}
	#attributes.modalRightTransition > * { transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86) }
	.right-open { visibility:visible !important; transform: translate3d(0,0,0) !important; /*transition: transform 0.3s;*/ transition: all 0.45s ease; backface-visibility: hidden; will-change: transform;}
	#attributes.modalRight h3,
	#attributes.modalRight strong { display: flex; background-color: var(--modal-top-bg-color); font-weight: 600; font-size: 1.1em; color: var(--modal-top-text-color); height: var(--modal-close-width-height); align-items: center; padding: 0 30px;     border-bottom: 1px solid #e6e6e6;}
}

#topContact li { margin: 4px 0; }
#topContact a { color: #c72d25; }
#topContact a:hover,
#topContact a:focus { color: #c72d25; text-decoration: underline;}

.priceRegular {	color: var(--default-text-color); }
.priceNew { color: var(--sale-color); display: block; }
.priceOld { color: #565656; display: block; font-weight:normal; font-size: 0.8em; margin-top: -2px; text-decoration: line-through; }
.recPrice { font-size: .4em; color: #717171; display: block; font-weight: 400; text-decoration: line-through;}
.recPrice { font-size: .4em; color: #717171; display: block; font-weight: 400; }
.recPrice span { /*text-decoration: line-through;*/}
.stockstatustext { display: flex; align-items: center; font-weight: 600;}
.stockstatustext svg { width: 14px; height: 14px; margin-right: 5px; }
.stockstatustext.instock svg { fill: var(--default-text-color); }
.stockstatustext.outofstock svg { fill: var(--default-text-color); }
.stockstatustext.orderitem svg { fill: var(--default-text-color); }
.stockstatustext.onitsway svg { fill: var(--default-text-color); }
.stockstatustext.instock.few svg { fill: #ed6700; }
.deliverydays { display: flex; align-items: center; }
.deliverydays .deldate { padding-left: 4px;}

/* Second level in submenu */
@media (min-width: 768px) {
	body.leftMenuOrientation #wrapper { display: flex; flex-direction: column; margin-top: 145px; }
	#leftNavContentWrapper { display: flex; width: 100%; }
	#menuLeft { flex: none; background-color: #fff; width: 280px; display: flex; /* <-- Fill height or not */ /* flex-wrap: wrap; */ /* flex-direction: row; */ animation: fadein 2s; }
	#contentWithLeftMenu { padding-left: 30px; }
	#menuLeft .navbar { height: auto; justify-content: flex-start; align-items: flex-start; flex-direction: column; background-color: transparent; }
	#menuLeft .navbar-menu { width: 100%; height: auto; flex-direction: column; flex-wrap: wrap; }
	#menuLeft .navbar-menu li { display: flex; width: 100%; padding: 0; height: auto; flex-direction: column; }
	#menuLeft .navbar-menu li ul li { padding: 0; }
	#menuLeft .navbar-menu ul > li > a { padding: 8px 20px; justify-content: flex-start; width: 100%; }
	#menuLeft .navbar-menu ul a[aria-current=page] { background-color: #fbfbfb; }
	#menuLeft .navbar-menu ul a[aria-current=page] .subname { color: #2198f2; }
	#menuLeft .navbar-menu ul > li > a .menuImg { display: none; }
	#menuLeft .navbar-menu ul > li > a .subname { background-color: transparent; color: #000; padding: 0; border-radius: unset; }
	#menuLeft .navbar > .navbar-menu > li > a { /* First sub level */ background-color: #fff; color: #000; width: 100%; height: 100%; padding: 15px 25px 15px 10px; flex: 1; border-bottom: 1px solid #e9e9e9; transition: padding-left .3s ease-in-out, background-color .3s ease-in-out; }
	#menuLeft .navbar > .navbar-menu > li > a[aria-expanded=true] { color: #000; background-color: #e9e9e9; }
	#menuLeft .navbar > .navbar-menu > li > a:hover { padding-left: 15px; background-color: #e9e9e9; }
	#menuLeft .navbar-menu li:hover > ul,
	#menuLeft .navbar-menu ul li:hover > ul,
	#menuLeft .navbar-menu ul li:focus-within > ul { visibility: hidden; opacity: 0; transition-delay: unset; }

	/* active sub menu ..*/
	#menuLeft .navbar-menu > li > a[aria-expanded=true] + ul,
	#menuLeft .navbar-menu ul > li > ul,
	#menuLeft .navbar-menu > li > ul > li > a[aria-expanded=true] + ul { max-height: none; box-shadow: none; position: relative; display: block; top: auto; left: auto; transform: none; grid-template-columns: none; grid-gap: unset; visibility: visible; opacity: 1; margin: 0; transition: none;  }
	#menuLeft .navbar-menu ul > li > ul { min-height: unset; overflow: unset; width: 100%; visibility: hidden; opacity: 0; display: none; }
	#menuLeft .navbar-menu ul > li > ul > li { padding-left: 15px; }
	#menuLeft .navbar-menu > li.has-children > a:hover:before,
	#menuLeft .navbar-menu > li.has-children > a:hover:after { /*outline: 1px solid red;*/ background-color: transparent; }
	#menuLeft .navbar-menu li.has-children > a:before { position: absolute; right: 0; content: " "; width: 25px; height: 12px; font-size: 20px; font-weight: 600; order:2; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 330 330'%3E%3Cpath d='M325.6 79.4c-5.9-5.9-15.4-5.9-21.2 0l-139.4 139.4L25.6 79.4c-5.9-5.9-15.4-5.9-21.2 0 -5.9 5.9-5.9 15.4 0 21.2l150 150c2.8 2.8 6.6 4.4 10.6 4.4s7.8-1.6 10.6-4.4l150-150C331.5 94.7 331.5 85.3 325.6 79.4z'/%3E%3C/svg%3E%0A"); background-size: 15px; background-repeat: no-repeat; background-position: center center; transition: transform  0.3s ease; }
	#menuLeft .navbar-menu li.has-children > a[aria-expanded=true]:before {transform: rotate(-180deg); }
}

#loginlink { background-color: #2E569E; }
#loginlink svg { width: 20px; margin-right: 8px; fill: #fff;}

@media (min-width: 768px) {

	html{ overflow-y: scroll; margin-left: auto; margin-right: auto; }
	h2 { text-align: left; }
	
	#topFlag #btnFlag .btnIcon {margin-top: 10px; width: 38px; margin-bottom: 4px; }

	#topLogo,
	#topCartContent,
	#topContact,
	#topFlag,
	#topFavouriteWrapper { position: relative; z-index: auto; width: 70px; order: 27; background-color: var(--desktop-bg-cover); font-size: .9em; }

	#topFavouriteWrapper.tooltip:before,
	#topFavouriteWrapper.tooltip:after,
	#topFlag.tooltip:before,
	#topFlag.tooltip:after { display: block; }
	#topFlag.tooltip[data-position=top]:before{ top: 11px; font-weight: normal; font-size: .8em; border-radius: 15px;}
	#topFlag.tooltip[data-position=top]:after { top: 10px; border-width: 8px; }
	#topFavouriteWrapper.tooltip[data-position=top]:before{ top: 11px; font-weight: normal; font-size: .8em; border-radius: 15px;}
	#topFavouriteWrapper.tooltip[data-position=top]:after { top: 10px; border-width: 8px; }

	#topFavourite.favourites-text svg { fill: #fad1d1; }
	#topFavourite .dyn-favourites-text { font-size: .7em; color: var(--default-text-color); margin-top: 2px; }
	#topFavourite.favourites-text.active svg { fill: #fff; color: #fff; }
	#topFavourite.favourites-text.active .dyn-favourites-count { color: #000; }

	#topBar > .container { background-color: transparent; max-height: none; }

	#topLogo { background-color: var(--desktop-bg-cover); }
	#topLogo svg { -webkit-filter: none; filter:none; max-height: 80px}
	#topLogo .logotext { fill: var(--default-text-color); }

	#topSearch { min-width: 35%;}
	#topSearch form { width: 80%;}
	.search-form-new .text { background-color: #fafafa; outline: none; border: 1px solid transparent; }
	.search-form-new .text:focus { border-color: #969696; }

	.search-form-new .text::placeholder { color: var(--placeholder-color-desktop); }
	.search-form-new .text::-webkit-input-placeholder { color:var(--placeholder-color-desktop); }
	.search-form-new .text:-moz-placeholder { color:var(--placeholder-color-desktop); }
	.search-form-new .text:-moz-placeholder { color:var(--placeholder-color-desktop); }
	.search-form-new .text:-ms-input-placeholder { color:var(--placeholder-color-desktop); }
	.search-form-new .text:focus::placeholder { color: var(--placeholder-color-focus-desktop); }
	.search-form-new .text:focus::-webkit-input-placeholder { color: var(--placeholder-color-focus-desktop); }
	.search-form-new .text:focus:-moz-placeholder { color: var(--placeholder-color-focus-desktop); }
	.search-form-new .text:focus:-moz-placeholder { color: var(--placeholder-color-focus-desktop); }
	.search-form-new .text:focus:-ms-input-placeholder { color: var(--placeholder-color-focus-desktop); }

	body.stickyheader #topBar.hide { max-height: none; min-height: auto;}
	body.stickyheader #topBar.hide #topSearch { transform: none; opacity: 1; z-index: 1; }
	body.stickyheader #topBar.allmostall #topSearch	{ transform: none; opacity: 1; z-index: 1; }

	.search-form-new .searchContainer .twitter-typeahead { top: 3px; }

	/*#topFlag #btnFlag .btnlabel.btnlabel2 { color: #000; background-color: rgb(255 255 255 / 80%); font-size: .7em; padding: 2px 5px; border-radius: 20px; position: absolute; bottom: 4px;}*/

	.topFlagInner { left: 0; }
	#breadcrumbs { font-size: .9em; padding: 0;}
	#breadcrumbs nav ul { flex-wrap: wrap; background: none; }
	#prodInfo h1 {text-align: left;}
	#productInfoConditions div {padding: 3px 0 3px 3px;margin-right: 5px;flex-basis: 100%;}
	#prodInfo .assocRow .assocCol { flex-basis: 46%; }
	#printIcon { justify-content: flex-end; margin-bottom: 0; }
	.modalRightClose { /*display: none;*/ }
	.modalRightTransition { display: none; }

	#btnNav { display: none; }

	body.stickyheader #topBar.hide { max-height: 200px; min-height: auto;}
	body.stickyheader #topBar.hide #topLogo { flex: 1; background-color: transparent;}

	body.stickyheader #topBar { position: fixed; width: 100%;z-index: 11; /*min-height: 209px;*/ /*transform: translate3d(0,0,0);*/ transition: transform .25s; backface-visibility: hidden; }
	body.stickyheader #topBar.hide {transform: var(--desktop-stickyheader-hide-transform); transition: transform .25s; backface-visibility: hidden; }
	/*
	body.stickyheader #topBar #topMenu .navbar { max-height: 60px; transition: max-height .25s;  }
	body.stickyheader #topBar.hide #topMenu .navbar { max-height: 50px;  }
	*/
	body.stickyheader #topBar.allmostall {  transform: var(--desktop-stickyheader-allmostall-transform); transition: transform .25s; backface-visibility: hidden; }
	body.stickyheader #wrapper { margin-top: 205px; /*padding-bottom: 100px;*/ }

	#wrapper { /*padding: 0 10px; */ }
	#topBar > .container { padding: 15px 10px;}
	#topArea > .container { padding: 0 10px;}

	#topLogo { order: 10; flex: 1; /*min-width: 200px;*/ /*padding: 10px;*/ padding-left: 0;}
	#topLogo a {display: flex; height: 100%; width: 100%;}
	#topLogo a:focus-visible { outline: var(--default-focus-visible-outline); }
	#topLogo img {  max-height: 75px; /*width: auto;*/ height: auto; max-width: 240px;  width: 100%;}
	#topLogo svg { max-width: 260px;}
	#topSearch { order:20; padding: 10px; width: 30%;  min-width: 30%}
	#topCartContent { order: 30; width: 15%;}
	#topContact { display: flex; order:25; flex-direction: column; width: auto; font-size: .9em; text-align: right; font-weight: 600;}
	#topContact #btnContact { display: none; }
	#topContact #topContactInner { display: block; max-height: none; position: relative; width: auto; left: auto; background-color: transparent; padding: 0; top: auto; box-shadow: none;}
	#topContact #topContactInner ul { padding: 0; }
	#topContact #topContactInner:after { display: none;}


	#topFlag { display: flex; order:25; flex-direction: column; width: auto; font-size: .9em; text-align: right; font-weight: 600; background-color: var(--desktop-bg-cover);}
	#topFlag #btnContact { display: none; }
	/*
	#topFlag #topFlagInner { display: none; max-height: none; position: relative; width: auto; left: auto; background-color: transparent; padding: 0; top: auto; box-shadow: none;}
	#topFlag #topFlagInner ul { padding: 0; }
	#topFlag #topFlagInner:after { display: none;}
	 */



	#topMenu { position: relative; bottom: 0; right: auto; /*border-bottom: 1px solid #d6d6d6;*/ background-color: #efefef;}
	#topMenu .innerNav { display: flex; width: 100%; align-items: center;position: relative; bottom: 0; right: auto; max-width: 1300px; margin: 0 auto; }

	#topArea { display: flex; font-size: .9em; width: 100%; background-color: var(--topbar-bg-color-desktop) /*var(--toparea-bg-color-desktop)*/; height: 35px; }
	#topArea .container { display: flex; /*align-items: stretch; justify-content: space-between;*/ align-items: center; justify-content: center; padding: 5px 0; height: 100%; width: 100%;}
	#topAreaLeft,
	#topAreaLeft a { color: #fff; font-size: .9em; }
	#topAreaLeft { justify-content: flex-start; flex: 1; align-items: center; display: flex; }
	#topAreaLeft ul { display: inline-flex; align-items: center; justify-content: flex-start; }
	#topAreaLeft li { display: flex; position: relative; padding: 2px 0 2px 0;  margin-right: 20px; }
	#topAreaLeft li:before { content: "\2713";  color: #fff; font-size: 1.1em; margin-right: 6px; font-weight: 600; display: inline-flex; }
	#topAreaLeft .shopSelector { display: inline-flex; margin-right: 2em; align-items: center; }
	#topAreaLeft .shopSelector .storeFlag { height: 25px; display: inline-flex; margin-right: 5px; }
	#topAreaLeft .shopSelector select option {
		background: #fff;
		color: #000;
		box-shadow: inset 20px 20px #f00
	}

	#topAreaLeft .shopSelector select option:hover {
		color: #000;
		box-shadow: inset 20px 20px #00f;
	}

	#topAreaRight  { display: flex; align-items: center; position: relative; /*margin-left: auto;*/ font-size: .9em; }

	.search-form-new .text { height: 55px; padding: 5px 50px 5px 20px; width: 100%; border-radius: var(--border-radius-search-input); }
	.search-form-new .icon { z-index: 2; display: flex; left: auto; right: 6px; top: 8px; color: #fff; height: 45px; width: 45px; font-size: 18px; border-radius: 100%;  }
	.search-form-new svg { fill: #fff; }
	.search-form-new .icon:hover,
	.search-form-new .icon:focus { }
	.search-form-new .icon:hover svg,
	.search-form-new .icon:focus svg { fill: #fff }
	.search-form-new .icon:focus-visible { outline: var(--default-focus-visible-outline);; outline-offset: 2px; }

	#basketItems { background-color: transparent; width: 100%; margin-right: 10px; }
	#basketItems svg { }
	#basketItems.hasitems {background-color: transparent; }
	#basketItems.hasitems svg { }
	#basketItems .basketTotal {display: flex; font-size: .8em; color: var(--default-text-color); }

	#btnToCashier { display: flex; }
	#btnToCashier a { font-size: 1em; color: var(--button-default-text-color);  background-color: var(--button-default-color); transition: var(--transition-bg-color); height: 40px; line-height: 40px; padding: 0 15px; display: block; position: relative; border-radius: 30px;     border: 1px solid #fff; }
	#btnToCashier a:hover,
	#btnToCashier a:focus {background-color: var(--button-default-color-hover); text-decoration: none;}
	#btnToCashier a:focus-visible { outline: var(--default-focus-visible-outline);; }

	#productPageUpper #prodInfo { padding-bottom: 10px; }
	#prodDesc { padding-top: 30px; }
	#productPageUpper #prodImage,
	#prodDesc #prodTabs {width: 55%; background-color:#fff; transition: opacity .7s ease-in-out; }
	#prodDesc #prodTabs { background-color: #f8f8f8; padding: 10px;    /* background-color: #f8f8f8;*/
    background-image: linear-gradient(to top, #f2f2f2, #efefef, #ececec, #eaeaea, #f7f7f7);	}
	/*#prodDesc #prodTabs { background-color:transparent; }*/
	#prodDesc #prodMisc { flex: 1; padding: 0 20px; position: relative; background-color: transparent; margin-top: 0;}
	#productPageUpper #prodInfo { padding: 0 20px 20px 20px; margin: 0 10px; background-color: transparent; }
	#prodDesc { padding-top: 0; background-color: transparent; margin-top:0; }
	#prodDesc .container { display: flex; flex-wrap: wrap; position: relative;  /*background: linear-gradient(180deg, #fbfbfb 55%, #fff 100%); border-top: 1px solid #eaeaea; */ padding: 0;}

	.productImage { height: 600px;  }
	.productImage img { max-height: 580px; }
	#mimagecont { text-align: left;	margin: 0; }


	#extracontainer { padding: 0 }

	#loginlink { display: none; }

}

@media (max-width: 767.98px) {
	#topMenuMobile { z-index: 100;}
}


#topMenuMobile { z-index: 100;}


#btnMenuDesktop { display: none; }
#navbarExtraLinks { display: none; }
@media (min-width: 768px) {
	html { scroll-padding-top: 200px; }
	#bottomFlagInner { top: 78px; }
	#btnMenuDesktop { display: flex; justify-content: center; align-items: center; background-color: #171717; padding:21px 25px; border: 0; color: #fff; border-radius: 4px; cursor: pointer; box-shadow: 1px 2px 4px #000; margin-top: -2px; margin-left: 10px;	}
	#btnMenuDesktop:hover,
	#btnMenuDesktop:focus {  background-color: #000; }
	#btnMenuDesktop svg { fill: #fff; width: 25px; height: 25px; }
	#btnMenuDesktop .menuText { margin-left: 13px; font-size: 1.1em; }
	#btnMenuDesktop:focus-visible { outline: var(--default-focus-visible-outline); outline-offset: 3px; }
	#navbarExtraLinks { display: flex; margin-left: 2em; gap: 3em; }
	#navbarExtraLinks a { display: flex; align-items: center; color: var(--default-text-color); /*text-decoration: underline;*/ text-underline-offset: 2px; }
	#navbarExtraLinks a:hover,
	#navbarExtraLinks a:focus { color: #000; }
	#navbarExtraLinks a:focus-visible { outline-offset: 2px; outline: var(--default-focus-visible-outline); }

	/*
	#navbarExtraLinks .extra a:before { content: ""; display: inline-flex; background-size: 30px 30px; background-position: center center; background-repeat: no-repeat; width: 35px; height: 35px; margin-right: 9px; background-image: url(../images/symbols/symbol_new.svg); }
	#navbarExtraLinks .extra1 a:before { background-image: url(../images/symbols/symbol_new.svg); }
	#navbarExtraLinks .extra2 a:before { background-image: url(../images/symbols/symbol_offer.svg); }
	#navbarExtraLinks .extra3 a:before { background-image: url(../images/symbols/symbol_star.svg); }
	 */

}

.navbar { contain: layout; position: relative; height: 50px; display: block; align-items: center; justify-content: center; /*z-index: 100;*/ }
.navbar a { }

/* Top-level */
.navbar > .navbar-menu > li > a { display: flex; height: 100%; align-items: center; color:var(--top-menu-text-color); background: transparent; transition: background 0.25s linear, color 0.25s linear;  }
.navbar > .navbar-menu > li > a:hover,
.navbar > .navbar-menu > li > a:focus {	color: white; }
.navbar > .navbar-menu > li > a[aria-expanded=true] { background-color:  var(--top-menu-bg-color-active-desktop);}
.navbar > .navbar-menu > li > a[aria-expanded=true]:after { /*top: 47px; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(247, 247, 247, 0); border-bottom-color: #f7f7f7; border-width: 7px; margin-left: -7px;*/ }

.navbar-menu { display: flex; align-items: center; /*justify-content: center;*/ justify-content: flex-start; width: 100%; height: 100%; }
.navbar-menu a { display: block; padding: 0 20px; text-decoration: none; }
.navbar-menu,
.navbar-menu ul { margin: 0; padding: 0; list-style: none; }

/* Nested */
.navbar-menu ul { position: absolute; width: 100%; box-shadow: 0 0.25rem 1.5rem -8px #91919f; background-color: #f7f7f7; height: 100%; }
.navbar-menu li { height: 100%; display: flex; align-items: center; }

/* Top level in menu*/
.navbar > .navbar-menu > li.special { display: flex; }
.navbar > .navbar-menu > li > a.other.brands {}
.navbar > .navbar-menu > li > a.other.brands .menuName { order: 2; }
.navbar > .navbar-menu > li > a.other.brands:hover,
.navbar > .navbar-menu > li > a.other.brands:focus { background-color: #dadada; }
.navbar > .navbar-menu > li > a.other.brands:after { content: ""; width: 70px; height: 35px; background-size: 28px; margin-left: 5px; margin-right: 15px; background-repeat: no-repeat; background-position: center; transition: all 0.25s linear;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M461.056,70.867V50.959C461.056,22.86,438.196,0,410.097,0H268.371c-13.613,0-26.409,5.301-36.034,14.927L31.899,215.366 c-9.626,9.625-14.927,22.422-14.927,36.034c0,13.612,5.301,26.409,14.927,36.034l20.367,20.367 c-0.863,3.744-1.32,7.609-1.32,11.545c0,13.612,5.301,26.409,14.927,36.034L207.596,497.1C217.53,507.033,230.58,512,243.629,512 c13.049,0,26.099-4.967,36.033-14.902l200.44-200.44c9.626-9.626,14.927-22.422,14.927-36.034v-141.72 C495.029,96.76,480.826,77.879,461.056,70.867z M55.921,263.411c-3.208-3.208-4.976-7.474-4.976-12.012 c0-4.538,1.768-8.802,4.976-12.012L256.36,38.948c3.209-3.207,7.474-4.975,12.012-4.975h141.724 c9.366,0,16.986,7.62,16.986,16.986v16.986H302.344c-13.613,0-26.409,5.301-36.034,14.927L70.848,278.336L55.921,263.411z M456.08,272.636l-200.44,200.44c-6.625,6.624-17.4,6.622-24.022,0L89.894,331.356c-3.208-3.208-4.976-7.474-4.976-12.012 c0-4.538,1.768-8.802,4.976-12.012l200.439-200.44c3.209-3.207,7.474-4.975,12.012-4.975h141.724 c9.366,0,16.986,7.62,16.986,16.986v141.72h0.001C461.056,265.161,459.288,269.427,456.08,272.636z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M376.124,135.891c-28.099,0-50.959,22.86-50.959,50.959s22.86,50.959,50.959,50.959s50.959-22.86,50.959-50.959 S404.223,135.891,376.124,135.891z M376.124,203.837c-9.366,0-16.986-7.62-16.986-16.986c0-9.366,7.62-16.986,16.986-16.986 c9.366,0,16.986,7.62,16.986,16.986C393.11,196.217,385.49,203.837,376.124,203.837z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.navbar-menu > li > a { font-size: 1.1em; }
.navbar-menu li > a .menuImg { width: 80px; height: 80px; margin: 0 15px 0 0; /*isolation: isolate;*/ }
.navbar-menu li > a .menuImg img { max-height: 80px; width: auto; transition: opacity 0.25s linear;  mix-blend-mode: multiply; }

/* First level in submenu */
.navbar-menu ul > li { height: auto; }
/*.navbar-menu ul > li > a { width: 250px; padding: 15px; font-size: .9em; display: flex; align-items: center; }*/
.navbar-menu ul > li > a { padding: 20px 15px; font-size: .9em; display: flex; align-items: center; flex-wrap: wrap; flex-basis: 100%; justify-content: center; }
.navbar-menu ul > li > a:hover { background-color: #f7f7f7; color: var(--color-menu-links); }
.navbar-menu ul > li > a .menuImg { flex-basis: 100%; align-items: center; justify-content: center;display: flex; margin-bottom: 15px; }
.navbar-menu ul > li > a img { max-height: 80px; }
.navbar-menu ul > li > a[aria-expanded=true] { background-color: #ececec; }
.navbar-menu ul > li > a[aria-expanded=true]:after {left: 100%; top: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: transparent; border-left-color: #ececec; border-width: 7px; margin-top: -7px;background-color: transparent; }
.navbar-menu ul > li > a[aria-current="page"] { border-left: 5px solid #81130a; color: #000; }
.navbar-menu li.allproducts a { padding: 20px 30px; background-color: #e5e5e5; }
li.no-children.allproducts a svg { width: 25px; height: 25px; margin-right: 0; margin-left: auto; }

li.level-0.no-children.extrabottom.extra1 { margin-top: 20px;}
li.level-0.no-children.extrabottom { padding: 0 20px; margin-bottom: 9px }
li.level-0.no-children.extrabottom a { background-color: var(--color-green); border-radius: 11px; padding: 10px; color: #fff; justify-content: center; }
li.level-0.no-children.extrabottom a:hover { color: #fff; }
li.level-0.no-children.extrabottom.extra4 a { background-color: var(--color-dark-red); }
li.level-0.no-children.extrabottom.extra4 a:hover,
li.level-0.no-children.extrabottom.extra4 a:focus-visible { background-color: var(--color-dark-red-hover); color: #fff; }

/* HACK: Prevents box shadow from child dropdowns from overlapping its parent dropdown */
.navbar-menu li.has-children > a { position: relative; }
.navbar-menu li.has-children > a:after { position: absolute; content: ''; top: 39%; right: 0; margin-right: -8px; height: 100%; /*width: 1rem;*/ background: inherit; /*z-index: 999;*/ z-index: 1; }
/* ENDHACK */

.navbar-menu ul { display: none; }
.navbar-menu .activesub { display: block; }
.navbar-menu .activesub { /*visibility: visible;*/ opacity: 1; transition-delay: 0s; } /* This can be found in media query for dekstop to where hover acts the same!! */

.navbar { visibility:hidden; flex-direction: column; align-items: normal; background-color: #fff; /*height: 100vh;*/ z-index: 1000; height: auto; bottom: 0; width: var(--modal-width); max-width: var(--modal-width-max); position: fixed; top: 0; left:0; transform:translate3d(calc(var(--modal-width) * -1),0,0); transition: all 0.45s ease; padding-bottom: 150px; /* 60 is the header height in fixed sidebar div ... */}
.navbar-menu, .categorized { /*flex-direction: column; */  flex-wrap: wrap; align-content: baseline; align-items: normal; overflow-x: hidden; justify-content: flex-start; font-size: .9em; overscroll-behavior-y: contain; overflow-y: auto; padding-bottom: 50px;}
.navbar > .navbar-menu > li > a { flex: 1; color: var(--color-menu-links); padding: 15px 20px; justify-content: flex-start; border-bottom: 1px solid #d5d2d1;     width: 100%;}
.navbar > .navbar-menu > li > a > .subimg { width: 35px; height: 35px; margin-right: 25px; /*display: flex;*/ display: none;}
.navbar > .navbar-menu > li > a > .subimg img { object-fit: unset; }
.navbar > .navbar-menu > li > a > .subnamefirst { flex:1;}
.navbar-menu ul { /*visibility: hidden; min-height: auto; transition: none; border-top: 0; max-width: none; margin: auto; left: auto; top: 60px; transform: translate3d(360px,0,0); transform-origin: 50% 0;*/ animation: menuSlideOut .3s; animation-fill-mode: forwards; }
.navbar-menu .activesub { position: absolute; top: var(--modal-close-width-height); box-shadow: none; flex-wrap: wrap; align-content: baseline; height: 100%; background-color: white; z-index: 1; animation: menuSlideIn .3s; animation-fill-mode: forwards; overflow-y: scroll; left: 0; top: 0; }
.navbar-menu ul > li.subheader {  display: flex; align-items: center; justify-content: left; padding: 0 0 20px 0; font-size: 1.3em; font-weight: bold; flex-direction: row; color: var(--color-menu-links); /* background: linear-gradient(to bottom, rgb(235 228 213) 0%, rgba(255,255,255,1) 100%); */ flex-wrap: wrap;     background-color: #f2f2f2;}
.navbar-menu ul > li.subheader .subname { padding-left: 30px; }
.navbar-menu ul > li.subheader .subimg { width: 40px; height: auto; margin-right: 15px;  margin-left: 25px; display: none;}
.navbar-menu ul > li.subheader .subimg img { /*filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(181deg) brightness(107%) contrast(101%);*/ }
.navbar-menu ul > li.subheader .navBackButton {  top: -82px; cursor: pointer; border: 0; background-color: var(--modal-top-bg-color); width: calc(100% - var(--modal-close-width-height)); font-size: 1rem; height: var(--modal-close-width-height); left: 0; display: flex; align-items: center; padding-left: 30px; color: var(--modal-top-text-color); z-index: 22; width: 100%; top: 0; margin-bottom: 20px; border-bottom: 1px solid #ded9d7; }
.navBackButton svg { width: 25px; height: 25px; fill: var(--modal-top-text-color);}
.navBackButton .navBtnImage { display: flex; align-items: center;margin-right: 20px; }
li.no-children.allproducts { /*background-color: #f0eaea;*/ }
.navbar-menu li { flex: 0; /*align-items: normal;*/ flex-direction: column; height: auto; flex-basis: 100%; width: 100%;}
.navbar-menu li.has-children .nextArrow { width: 25px; height: 25px; transform: rotate(180deg); fill: var(--color-menu-links); margin-right: 0; margin-left: auto;}
.navbar-menu li.has-children a[aria-expanded=true]:before {transform: rotate(-180deg); fill: red;}
.navbar-menu li.no-children a:before { content: ""; display: none;  }
.navbar-menu ul > li { background-color: #fff; border-bottom: 1px solid #ded9d7; }
.navbar-menu ul > li:last-child { border-bottom: 0; }
.navbar-menu ul > li > a {width: auto; padding: 20px 30px; font-size: 1.1em; justify-content: space-between; color: var(--color-menu-links);     width: 100%;}
.navbar-menu ul > li > a .menuImg { display: none; }
.navbar-menu ul > li > ul > li {flex: 0 0 100%; }
.navbar-menu ul > li > ul > li.allproducts { display: block;}
.navbar-menu ul > li > ul > li > a { padding-left: 55px; }
.navbar-menu li > a[aria-current=page],
.navbar-menu li > a[aria-current=page]:hover { /*background-color: #957f79 !important; color: #fff;*/}
/* location */
.navbar-menu li > a:hover,
.navbar-menu li > a:focus { background-color: #ececec; }
.navbar > .navbar-menu > li > a[aria-expanded=true] { background-color: #fff; }
.navbar > .navbar-menu > li > a[aria-expanded=true]:after { /*display: none;*/ }
.navbar > .navbar-menu > li > a:hover,
.navbar > .navbar-menu > li > a:focus {	color: var(--color-menu-links); }
.navbar-menu .-more {display: none;}
.navbar-menu .menuName { margin-left: 0; margin-right: auto; }
.navbar-menu > li > a .menuImg { display: none; width: 30px; height: 30px; }
.navbar-menu li > a .menuImg img { height: 30px; }
.navbar > .navbar-menu > li > a.other.brands:after { display: none;}
.navbar-menu.closed { display: none; }
#navbar-support { padding: 10px 20px; }
#navbar-support h3 { background-color: transparent;	padding: 10px 0; border-bottom: 1px solid #bfbfbf; margin-bottom: 10px;	}

.navbar-menu a { position: relative; overflow: hidden; }

@keyframes menuSlideIn { from { transform: translate3d(calc(var(--modal-width) * -1),0,0); /*z-index: 0*/ } to { transform: translate3d(0,0,0); /*z-index: 1; visibility: visible;*/ } }
@keyframes menuSlideOut { from { transform: translate3d(0,0,0); /*z-index: 1;*/ } to { transform: translate3d(calc(var(--modal-width) * -1),0,0); /*z-index: 0; visibility: hidden;*/ } }


@keyframes fadein { from { opacity: .4; } to   { opacity: 1; } }
@-moz-keyframes fadein { from { opacity: .4; } to   { opacity: 1; } }
@-webkit-keyframes fadein { from { opacity: .4; } to   { opacity: 1; } }
@-ms-keyframes fadein { from { opacity: .4; } to   { opacity: 1; } }
@-o-keyframes fadein { from { opacity: .4; } to   { opacity: 1; } }
@keyframes fadeout { from { opacity: 1; } to   { opacity: 0; } }
@-moz-keyframes fadeout { from { opacity: 1; } to   { opacity: 0; } }
@-webkit-keyframes fadeout { from { opacity: 1; } to   { opacity: 0; } }
@-ms-keyframes fadeout { from { opacity: 1; } to   { opacity: 0; } }
@-o-keyframes fadeout { from { opacity: 1; } to   { opacity: 0; } }