/* CSS vor Step 3 product detail page */

:root {
  --def-space: 24px;
  --accent-color: #933410;
  --accent-color-hover: #5a1d05;
  --success-color: rgba(39, 174, 96, 1);
  --sb-track-color: #efefef;
  --sb-thumb-color: #e2d6b6;
  --sb-size: 4px;
}

.ProductImage {
  border: 0;
  width: calc(100% / 12 * 5 - 14px) !important;
}

.ProductDetails .InfoArea {
  display: flex;
  align-items: flex-start;
  gap: var(--def-space);
  margin-bottom: 5px;
}

.ProductDetails .InfoCenterArea {
  width: 424px;
}

.ProductDetails .InfoPriceArea {
  flex: 1;
  padding: 24px 16px;
  box-shadow: rgba(0,0,0,.25) 0 0 4px;
  border-radius: 4px;
}

.InfoPriceArea_price {
  font-size: 28px;
  font-weight: 700;
}
.InfoPriceArea_price.discounted {
  color: #BD0C0A;
}
.InfoPriceArea_shipping {
  font-size: 12px;
  color: black;
  font-weight: 300;
}
.VariationInfo *,
.VariationInfo,
.documentCols * {
  font-weight: 500;
  font-size: 14px;
}

.InfoPriceArea_MessageContainer *,
.InfoPriceArea_MessageContainer p {
  font-size: 12px;
  color: #909090;
  font-weight: 500 !important;
}

.IC_EmailNotificationButton,
.InfoPriceArea_ProductInfo .ButtonBasket,
.InfoPriceArea_ProductInfo .Quantity {
  min-height: 40px;
  padding: 10px 5px;
  text-align: center;
  line-height: 100% !important;
  box-sizing: border-box;
}

.InfoPriceArea_ProductInfo .Quantity{
  text-align: center;
  width: 50px;
  border-radius: 4px;
}

.InfoPriceArea_ProductInfo .ButtonBasket .Icon{
  display: none;
}





.IC_EmailNotificationButton {
  color: white;
  border: 0;
  outline: 0;
  text-transform: uppercase;
  font-weight: 500;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}

.InfoPriceArea_ProductInfo .ButtonBasket{
  background: var(--accent-color);
  width: inherit;
  color: white;
  border: 0;
  outline: 0;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px !important;
}

.InfoPriceArea_ProductInfo .ButtonBasket.ButtonBasketPreorder {
  background: #2FA1ED;
}

.InfoPriceArea_ProductInfo .IC_Basket {
  margin-top: 16px;
}

.InfoPriceArea_ProductInfo .IC_Basket form .NoWrap{
  display: flex;
  width: 100%;
  gap: 16px;
}

.product-page .ContentArea .InfoCenterArea h1,
.InfoCenterArea h1 {
  font-size: 16px !important;
  font-weight: 500;
}

.InfoCenterArea h1 strong {
  margin-bottom: 12px;
  display: block;
}

.InfoCenterArea h1 strong a,
.InfoCenterArea h1 strong {
  color: #929292;
  font-weight: 600;
}

.ImgLeft .ProductImage {
  padding: 0;
  margin: 0 0 20px 0 !important;
}

.ProductDetailsImageInfo {
  display: flex;
  justify-content: space-between;
}
.ProductDetailsImageInfo .InfoArea {
  float: none;
}

.InfoPriceArea_vat {
  font-size: 12px;
  font-weight: 300;
  margin-top: -5px !important;
}

.InfoPriceArea_vat .FontSmaller {
  font-size: 1em;
  font-weight: 400;
}

.InfoPriceArea_vat {
  margin-bottom: 16px !important;
}

.ProductDetails .IC_Stock {
  height: auto;
  min-height: initial;
}

.InfoPriceArea_ProductInfo  .StockText {
  margin-top: 8px;
}

.InfoPriceArea_ProductInfo  .StockText .GroupedStockText,
.InfoPriceArea_MessageContainer p.InfoPriceArea_status,
.InfoPriceArea_status {
  font-weight: 500 !important;
  font-size: 16px !important;
}
.InfoPriceArea_status.InfoPriceArea_status--InStock {
  color: var(--success-color) !important;
  padding: 5px 0;
}

.InfoPriceArea_MessageContainer p.InfoPriceArea_status.InfoPriceArea_status--NotAvailable,
.InfoPriceArea_status.InfoPriceArea_status--NotAvailable {
  margin-top: 0;
  color: var(--accent-color) !important;
  font-size: 25px !important;
}

.ProductSpecialStockIcon,
.ProductOnStockIcon,
.StockText,
.ProductOutStockIcon,
.InfoPriceArea_ProductInfo .StockText,
.InfoPriceArea_ProductInfo .ProductOutStockIcon,
.InfoPriceArea_ProductInfo .ProductOnStockIcon,
.InfoPriceArea_ProductInfo .ProductSpecialStockIcon {
  background: transparent !important;
}

.InfoPriceArea_ProductInfo .StockText {
  margin-bottom: 0  !important;
  margin-top: 16px !important;
}


.IC_PriceAndBasket .IC_AttributesHeader{
  margin-bottom: 0;
}

.IC_PriceAndBasket .epGetEmailNotifikation {
  margin-bottom: 0;
  margin-top: 16px;
}

.InfoPriceArea .InfoPriceArea_IC_Banner{
  font-size: 18px !important;
  font-weight: 500;
}

.InfoPriceArea .InfoPriceArea_IC_Banner.IC_BannerSale{
  color: var(--accent-color);
}

.InfoPriceArea .InfoPriceArea_IC_Banner.IC_BannerNew{
  color: var(--success-color);
}

.InfoPriceArea .ProductRating {
  margin: 0;
}

.productStars {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 3px 0;
}

.productStars b {
  margin-top: 2px;
}

.productStarsCount {
  color: #909090;
  font-weight: 700;
  font-size: 14px;
  line-height: 1em;
  display: block;
  margin-top: 2px;
}

.InfoPriceArea_Wish_Support {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
  margin-top: 16px;
}

.InfoPriceArea_Support,
.InfoPriceArea_Wish {
  display: flex;
  align-items: center;
  gap: 13px;
  font-size: 14px !important;
}

.requiresLicenseBtn {
  border: 1px solid var(--accent-color);
  border-radius: 4px;
  width: 100%;
  height: 40px;
  box-sizing: border-box;
  text-transform: uppercase;
  font-weight: 500 !important;
  display: flex;
  align-items: center;
  color: var(--accent-color) !important;
  justify-content: center;
  margin-top: 16px;
  text-decoration: none !important;
  transition: 0.2s;
}

.requiresLicenseBtn:hover {
  color: white !important;
  background: var(--accent-color);
}


.variationsFilter {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.variationsFilter select {
  width: calc(50% - 9px);
}

.ProductDescCharsWrapper {
  display: flex;
  width: 100%;

  gap: 24px;

}
.brSection {
  border-top: 1px solid #D9D9D9;
  margin-bottom: 24px;
  padding-top: 24px;
  margin-top: 20px;
}

.ProductDescCharsWrapper > * {
  flex: 1;
}

.ContentArea h3.brSectionTitle {
  color: #472311;
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
}
.ContentArea h2.brSectionTitle {
  color: #000000;
  font-size: 28px;
  line-height: 33px;
}

.ContentArea a.ProductDescLang {
  color: #929292;
  font-weight: 500;
  text-decoration: underline;
}

.ContentArea a.ProductDescLang:hover {
  color: var(--accent-color);
}

.ProductDescText {
  margin-top: 16px;
  font-size: 14px;
}


.ProductCharsListNum {
  margin-top: 16px;
  list-style-type: decimal;
  padding: 0;
  font-size: 14px;
  margin-left: 16px;
}


.ContentArea h3.ProductInfoTitle--sec {
  margin-top: 24px;
}

.ProductInfoCols {
  display: flex;
  gap: 24px;
  margin-top: 16px;
}

.ProductInfoCols > * {
  flex: 1;
}

.ProductInfoCol ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5px;
}

.ProductInfoCol.restrictionsCols ul {
  grid-template-columns: repeat(1, 1fr);
  margin-top: 16px;
}

.ProductInfoCol ul li {
  line-height: 21px;
}
.ProductInfoCol ul li span:not(.labelVariant){
  color: #969696;
  padding-right: 5px;
}

.mainCharsProductWrapper ol {
  padding-left: 15px;
}
.ImgLeft .ProductImage {
  margin-bottom: 0 !important;
}

.brReviewHeader {
  display: flex;
  margin-top: 32px;
  align-items: center;
  justify-content: space-between;
}
.brReviewHeaderCol {
  display: flex;
  align-items: center;
  gap: 24px;
}

a.brBtnBordered,
button.brBtnBordered {
  background: transparent;
  color: var(--accent-color);
}
a.brBtnDef,
button.brBtnDef,
a.brBtnBordered,
button.brBtnBordered {
  border: 1px solid var(--accent-color);
  outline: 0;
  min-width: 264px;
  height: 40px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 16px;
  border-radius: 4px;
  appearance: none;
  transition: 0.2s;
}

a.brBtnDef,
button.brBtnDef {
  color: white;
  background: var(--accent-color);
}

a.brBtnBordered:hover,
button.brBtnBordered:hover,
a.brBtnDef:hover,
button.brBtnDef:hover {
  background: var(--accent-color-hover);
  color: white;
}

.reviewTitleWrapper {
  display: flex;
  align-items: center;
  gap: 24px;
}
a.reviewTranslateBtn,
button.reviewTranslateBtn {
  background: none;
  text-decoration: underline;
  border: 0;
  height: auto;
  width: auto;
  padding: 0;
  appearance: none;
  color: #000000;
}

a.reviewTranslateBtn:hover,
button.reviewTranslateBtn:hover {
  color: var(--accent-color);
}
.reviewTitleWrapper,
.reviewComment {
  margin: 16px 0 0;
}

.reviewComment p,
.reviewTitleDate {
  margin: 0;
}

.brReviewWrapper {
  background: white;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  padding: 16px;
  box-sizing: border-box;
}

.reviewsWrapperJs,
.brReviewsWrapper {
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

.brFooterWrapper {
  display: flex;
  margin-top: 24px;
  gap: 24px;
}
.brFooterWrapper a,
.brFooterWrapper button {
  display: flex;
  gap: 9px;
  align-items: center;
  background: none;
  padding: 0;
  border: 0;
  outline: 0;
  text-decoration: none;
}

.brFooterWrapper a:hover,
.brFooterWrapper button:hover {
  color: var(--accent-color);
}

.brFooterWrapper a:hover svg path,
.brFooterWrapper button:hover svg  path{
  fill: var(--accent-color);
}

button.brShowAll,
a.brShowAll {
  font-size: 14px;
  font-weight: 400;
  text-transform: initial;
}

.allAnswers span{
  text-decoration: underline;
}

.brVariantBox {
  background: white;
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 4px;
  min-height: 80px;
}

.brVariantBox.active,
.brVariantBox:hover
{
  background: #f7f7f7;
  border: 1px solid var(--accent-color);

}

.brVariantBox.active {
  cursor: default;
}

.brVariantBox {
  transition: 0.2s;
  /*background: #f7f7f7;*/
  background: white;
  border: 1px solid #ccc;
  cursor: pointer;
}
.brVariantBox img {
  mix-blend-mode: multiply;
}

.brVariantBox .IC_ProductInfo a,
.brVariantBox .IC_ProductInfo h4 {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5em;
}
.brVariantBox .IC_PreviewBox .IC_IC_SmallImagePreview,
.brVariantBox .IC_ProductBox .IC_SmallImage {
  min-width: 60px;
  min-height: 60px;
  border: 0;
  background: none;
  padding: 0;
  margin: 0;
}

.brVariantBox .IC_PreviewBox .IC_IC_SmallImagePreview img { max-width: 100%; height: auto !important; width: auto !important; max-height: 100% !important; }

.IC_ProductBox.brVariantBox .IC_PreviewBox {
  display: flex;
  align-items: center;
  gap: 16px;
}

.brVariantBox .IC_PreviewBox .IC_IC_SmallImagePreview img {
  max-width: 100%;
  max-height: initial;
  width: 100%;
  height: auto;
}

.brVariantBox .VariationInfo *, .brVariantBox .VariationInfo {
  font-size: 12px;
  line-height: 1em;
  font-weight: 400;
  color: #472311;
  word-wrap: break-word;
}

.IC_ProductBox.brVariantBox .IC_ProductInfo {
  flex: 1;
  margin: 0;

}
.IC_ProductBox.brVariantBox .IC_ProductInfo .IC_Price {
  margin-top: 14px;
}
.IC_ProductBox.brVariantBox .IC_ProductInfo,
.ProductVariations div.IC_Stock {
  max-width: 143px;
  min-width: initial;
  width: initial;

}

.IC_ProductBox.brVariantBox .IC_Attributes {
  width: 135px;
  margin: 0;
}

.variationListWrapper {
  margin-top: 24px;
}

.variationListWrapper .ProductVariations {
  max-height: 450px;
  overflow: auto;
}

@media screen and (max-width: 993px) {
  .variationsModalBody .ProductVariations .IC_ProductBox {
    width: 100%;
  }
}



.variationListHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}



.variationListHeader h3 {
  color: #472311;
  font-size: 18px;
  margin: 0;
  font-weight: 500;
}
.variationListHeader p {
  color: #472311;
  margin: 0;
  font-weight: 500;
  font-size: 16px;
}


.ProductVariations .IC_ProductBox .IC_PriceAndBasket .price-value {
  color: #472311 !important;
  font-size: 14px !important;
}
.ProductVariations .IC_ProductBox .IC_PriceAndBasket {
  margin: 0 0 0;
}


@media screen and (max-width: 993px ) {
  .IC_PriceAndBasket {
    float: none !important;
  }
}

.ProductChars h3:not(:first-child){
  margin-top: 24px;
}

.brVariantBox a.epGetEmailNotifikation{
  text-decoration: none;
  margin: 0;
}
.brVariantBox a.epGetEmailNotifikation .IC_EmailNotificationButton{
  text-decoration: none;
  font-size: 12px;
  padding: 5px;

}

.brAIDescription {
  background: #EDE6D480;
  display: flex;
  justify-content: space-between;
  gap: 30px;
  padding: 8px 12px;
  font-size: 14px;
  color: black;
  font-weight: 500;
  border-radius: 4px;
  margin-bottom: 32px;
}


.btnCloseAIDescription {
  box-sizing: border-box;
  appearance: none;
  padding: 0 !important;
  background: none !important;
  margin: 0;
  cursor: pointer;
  transition: 0.2s;
  line-height: 1 !important;
  border: 0 !important;
  box-shadow: none !important;
}

.btnCloseAIDescription:hover {
  opacity: 0.7;
  background: none;
}

.btnCloseAIDescription:focus,
.btnCloseAIDescription:active {
  background: none;
  box-shadow: none;
}

.btnCloseAIDescription:active {
  opacity: 0.3;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: textfield !important;
}

input[type=number] {
  -moz-appearance: textfield;
}

/*.ProductDescText .description,*/
/*.ProductDescText {*/
/*  overflow: hidden;*/
/*  display: -webkit-box;*/
/*  -webkit-line-clamp: 5;*/
/*  -webkit-box-orient: vertical;*/
/*}*/
/*.ProductDescText.expanded .description,*/
/*.ProductDescText.expanded {*/
/*  -webkit-line-clamp: unset !important; */
/*}*/

#toggleButton {
  margin-top: 1em;
  padding: 0.5em 1em;
  cursor: pointer;
  display: block;
}


.btnToggleDescription{
  display: flex;
  border-radius: 2px;
  border: 1px solid #933410;
  height: 30px;
  color: #933410 !important;
  font-size: 14px;
  align-items: center;
  justify-content: center;
  width: 100%;
  background: transparent;
  appearance: none;
  cursor: pointer;
  transition: 0.2s;
  margin-top: 16px;
}

.btnToggleDescription:hover {
  background: #933410;
  color: #fff !important;
}
.btnToggleDescription.hidden {
  display: none;
}

.mobileProductTubs {
  display: none;
}


.onlyMobile {
  visibility: hidden;
  display: none;
}

.ProductVariations .StockText {
  margin-top: 2px !important;
  font-size: 12px !important;
  min-height: auto;
}
.ProductVariations .FontSmaller {
  font-size: 12px !important;
}

.ProductVariations .price-value {
  white-space: nowrap;
  /*display: none;*/
}

.IC_ProductBox.brVariantBox .IC_PreviewBox {
  margin-bottom: 0;
  padding-bottom: 0 !important;
}

.InfoCenterArea .ProductInfoCol .topTakeawaysBox,
.InfoCenterArea .ProductInfoCol .topTakeawaysTitle,
.InfoCenterArea .hideOnInfoCenter {
  display: none;
}

/*.InfoCenterArea .brSectionTitle:not(.attributesTitle),*/
.InfoCenterArea .ProductInfoCol ul {
  grid-template-columns: repeat(1, 1fr)
}

.InfoCenterArea .brSectionTitle,
.InfoCenterArea .ContentBox:not(.ProductInfoCol) {
  display: none;
}

.InfoCenterArea .ProductInfoCol ul li {
  font-weight: 400;
  color: black;
}

.InfoCenterArea .ProductInfoCol ul li span:not(.labelVariant) {
  color: #933410;
  font-weight: 600;
}

.InfoCenterArea .variationsWrapper > .ProductInfoCol > ul {
  display: none;
}

.inputQuantityWrapper {
  position: relative;
}

.inputQuantitySelect {
  position: absolute;
  top: 100%;
  width: 100%;
  overflow: auto;
  height: auto;
  background: white;
  box-shadow: 0 0 4px #00000040;
  border-radius: 4px;
  margin-top: 8px;
  display: none;
  z-index: 9;
}
.inputQuantitySelect.active {
  display: block;
}
.quantityValue {
  box-sizing: border-box;
  cursor: pointer;
  padding: 6px 16px;
  text-align: center;
  font-size: 16px;
}
.quantityValue.active,
.quantityValue:hover {
  background: #933410;
  color: white;
}

.IC_Stock a.epGetEmailNotifikation {
  margin-top: 16px;
}

.LinkProductRating {
  background: none !important;
  padding: 0 !important;
}


.wrapperProductOutStockIcon .productRatingStars{
  padding: 0 !important;
}

.productStarsMessage {
  font-size: 14px;
  font-weight: 500;
  color: #909090;
}


.LinkProductRating:hover .productStarsMessage {
  color: #933410;
  text-decoration: underline;
}
.noStars {
  display: flex;
  flex-direction: column;
}


.brVariantBox .IC_BannerSale,
.brVariantBox .IC_BannerNew,
.brVariantBox .IC_BannerPreorder {
  background: #bd0c0a !important;
  padding: 4px 10px;
  border-radius: 4px;
}
.brVariantBox .IC_BannerPreorder {
  background: #2FA1ED !important
}
.brVariantBox .IC_BannerNew{
  background: #336010 !important;
}

.brVariantBox .IC_BannerSale,
.brVariantBox .IC_BannerNew,
.brVariantBox .IC_BannerPreorder {
  position: absolute;
  height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  left: 0;
  top: 0;
  right: initial;
  text-indent: initial !important;
  z-index: 1;
}

.brVariantBox .IC_BannerPreorder,
.brVariantBox .IC_BannerNew {
  color: white;
  font-weight: 700;
  font-size: 11px !important;
  text-transform: uppercase;
  top: 4px;
  left: 4px;
  line-height: 100% !important;
}

.ProductDesc {
  display: flex;
  flex-direction: column;
}

/* custom scrollbar in variation selection box */
.scrollbar {
  padding-right: 8px;
}
.scrollbar::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.scrollbar::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 3px;
}
.scrollbar::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 3px;
}
/*
.description {
  display: flex;
  flex-direction: column;
}*/

.description p:not(:first-child) {
  margin-top: 20px;
}
/* \\ custom scrollbar in variation selection box */

.ImgLeft .InfoArea {
  width: calc(100% / 12* 7);
}
.ProductDetails .InfoCenterArea {
  width: 436px;
}
.ProductDetails .InfoArea{
  gap: 12px; /* --def-space is used in the price box, so we cannot decrease it*/
}
.variationsFilter {
  width: calc(100% - 12px);
}
.description.hidden,
.defDesc.hidden,
.engDesc.hidden {
  display: none;
}

.mobileFixedButton {
  display: none;
}

.InfoPriceArea_MessageContainer  a{
  color: black;
  text-decoration: underline;
}

.CostStar {
  display: none !important;
}

.InfoPriceArea_MessageContainer a,
.InfoPriceArea_MessageContainer b {
  font-weight: 500 !important;
  color: black;
}

.InfoPriceArea_vat a {
  text-decoration: underline;
}

.requiresLicenseBtn.disabled {
  cursor: default !important;
}

.requiresLicenseBtn.disabled:hover {
  background: white;
  color: #933410 !important;
}
.requiresLicenseBtnWrapper {
  position: relative;
}

.requiresLicenseBtnWrapper .tooltipWrapper {
  position: absolute;
  top: 5px;
  right: 5px;
}

.requiresLicenseBtnWrapper .tooltipWrapper svg {
  width: 15px;
  height: 15px;
  cursor: pointer;
  opacity: 0.6;
}

a.BrandLogo {
  margin-right: 13px;
}
.ProductDetails #ProductThumbs ul:not(.slick-slider) {
  opacity: 0;
  overflow: hidden;
}

.ProductDetails #ProductThumbs .ep-uiThumbbox,
.ProductDetails #ProductThumbs ul:not(.slick-slider) {
  height: 95px;
}

.ProductDetails #ProductThumbs ul.slick-slider li{
  min-height: 86px !important;
  line-height: 86px !important;
}

.ProductDetails #ProductThumbs .ep-uiThumbbox {
  margin-bottom: 16px;
}

.ProductDetails #ProductThumbs {
  height: initial !important;
}

.ProductDetails #ProductThumbs ul li {
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.ProductDetails #ProductThumbs .slick-arrow {
  z-index: 99;
  top: 45%;
  transition: 0.2s;
  opacity: 0.7;
}

.ProductDetails #ProductThumbs .slick-arrow:hover {
  opacity: 1;
}

@media screen and (min-width: 993px) {
  .ProductDetails #ProductSlideshow {
    height: auto !important;
    margin-bottom: 16px;
  }

  .ProductDetails .ep-uiSlides-box img {
    min-height: auto !important;
    min-width: auto !important;
  }
}


.IC_Stock.onlyDesktop {
  display: block !important;
}
.IC_Stock.onlyMobile {
  display: none !important;
}

.exportRestricted {
  margin-top: 16px;
}

html body .MessageInfo {
  background-position: 8px 14px;
  background-size: 20px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-info-circle-fill" viewBox="0 0 16 16"><path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2"/></svg>') !important;
}

.InfoPriceArea {
  position: relative;
}

.InfoPriceAreaLoader {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  z-index: -99999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.8);
}

@media screen and (max-width: 993px) {
  .InfoPriceAreaLoader {
    /*position: relative;*/
  }
}

.InfoPriceAreaLoader svg {
  width: 60px;
  height: auto;
}
.InfoPriceAreaLoader.active {
  opacity: 1;
  z-index: 1;
}
.documentCols ul {
  margin-top: 16px;
  grid-template-columns: repeat(1, 1fr) !important;
}
.documentCols a{
  text-decoration: underline;
}
.ProductWarnStockIcon,
.ProductSpecialStockIcon, .ProductOnStockIcon, .StockText, .ProductOutStockIcon, .InfoPriceArea_ProductInfo .StockText, .InfoPriceArea_ProductInfo .ProductOutStockIcon, .InfoPriceArea_ProductInfo .ProductOnStockIcon, .InfoPriceArea_ProductInfo .ProductSpecialStockIcon {
  background: transparent !important;
}

.ProductDesc.origdesconly .description{
  display: none !important;
}
.ProductDesc.origdesconly .originaldescription {
  display: block !important;
}
.ProductDesc.origdesconly .ProductDescLang{
  display: none !important;
}

.ProductDesc.origdesconly .defDesc,
.ProductDesc.origdesconly .autoDesc,
.ProductDesc.hasrealdesc .autoDesc,
.ProductDesc.hasautodesc .defDesc {
  display: none !important;
}

.BreadCrumb--rating {
  display: none !important;
}

.VariationInfo.emtyVal {
  display: none !important;
}

.errorAjaxModalWrapper:not(.active) {
  display: none;
}

.errorAjaxModalWrapper.active {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.29);
  z-index: 99999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
  box-sizing: border-box;
}

.errorAjaxWrapper {
  background: white;
  width: 100%;
  max-width: 600px;
  border-radius: 10px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  text-align: center;
  justify-content: center;
  align-items: center;
  position: relative;
}

.errorAjaxWrapper svg {
  width: 100px;
  height: auto;
}

.errorAjaxWrapper h2 {
  font-size: 30px;
}


.errorAjaxWrapper p {
  font-size: 16px;
  max-width: 500px;
}

.bi-exclamation-diamond {
  fill: var(--accent-color);
}


.closeErrorAjaxModal {
  appearance: none;
  padding: 0;
  position: absolute;
  top: 10px;
  right: 10px;
  transition: 0.2s;
  background: none;
  border: 0;
  outline: none;
}

.closeErrorAjaxModal svg {
  width: 20px;
  height: auto;
}


.closeErrorAjaxModal:hover {
  opacity: 0.5;
}

.btnReloadPage {
  color: white !important;
  background: var(--accent-color);
  border: 0;
  font-size: 14px;
  border-radius: 4px;
  padding: 8px 24px;
  transition: 0.3s;
}

.btnReloadPage:hover {
  background: var(--accent-color-hover);
}
.ep-gadget {
  width: auto !important;
}


/*Product page new styles*/

.variationsHeader,
.variationListHeader {
  padding-right: 14px;
}

.variationsHeader {
  display:  flex;
  align-items:  center;
  justify-content:  space-between;
  margin-bottom: 16px;
  margin-top: 24px;
}


.variationsHeader h3{
  color: #472311;
  font-size: 18px;
  margin: 0;
  font-weight: 500;
}

.variationBorderedBtn {
  display:   flex;
  align-items:   center;
  gap: 16px;
  border: 1px solid var(--accent-color) !important;
  background: transparent !important;
  color: var(--accent-color) !important;
  border-radius: 8px !important;
  padding: 4px 24px !important;
  transition: all;
  box-shadow: none !important;
  outline: none !important;
}

.variationBorderedBtn:after {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
}

.resetAllFilters:after {
  background: url('data:image/svg+xml,<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.25 5C10.5887 4.99912 9.93918 5.17428 9.36801 5.50749C8.79685 5.8407 8.32468 6.31994 8 6.896V4.5H7V8.5H11V7.5H8.8085C9.03116 7.06559 9.36556 6.69836 9.77728 6.43611C10.189 6.17385 10.6632 6.02605 11.151 6.0079C11.6388 5.98975 12.1226 6.10192 12.5527 6.33286C12.9827 6.5638 13.3435 6.90517 13.5978 7.32184C13.8521 7.7385 13.9908 8.21541 13.9996 8.70348C14.0084 9.19154 13.887 9.67314 13.6479 10.0987C13.4088 10.5243 13.0605 10.8784 12.6391 11.1247C12.2176 11.371 11.7381 11.5005 11.25 11.5H11V12.5H11.25C12.2446 12.5 13.1984 12.1049 13.9017 11.4017C14.6049 10.6984 15 9.74456 15 8.75C15 7.75544 14.6049 6.80161 13.9017 6.09835C13.1984 5.39509 12.2446 5 11.25 5Z" fill="%23933410"/><path d="M13 3.5H2V5.0855L5.707 8.7925L6 9.0855V13.5H8V12.5H9V13.5C9 13.7652 8.89464 14.0196 8.70711 14.2071C8.51957 14.3946 8.26522 14.5 8 14.5H6C5.73478 14.5 5.48043 14.3946 5.29289 14.2071C5.10536 14.0196 5 13.7652 5 13.5V9.5L1.293 5.7925C1.10545 5.60501 1.00006 5.35069 1 5.0855V3.5C1 3.23478 1.10536 2.98043 1.29289 2.79289C1.48043 2.60536 1.73478 2.5 2 2.5H13V3.5Z" fill="%23933410"/></svg>') no-repeat center / contain;
}
.showAllVariations:after {
  background: url('data:image/svg+xml,<svg width="11" height="10" viewBox="0 0 11 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.1666 5.66732H6.16665V9.66732H4.83331V5.66732H0.833313V4.33398H4.83331V0.333984H6.16665V4.33398H10.1666V5.66732Z" fill="%23933410"/></svg>') no-repeat center / contain;
}

.variationBorderedBtn:hover {
  border: 1px solid var(--accent-color) !important;
  background: var(--accent-color) !important;
  color: white !important;
}

.variationBorderedBtn:active {
  border: 1px solid var(--accent-color-hover) !important;
  background: var(--accent-color-hover);
  color: white !important;
}

.resetAllFilters:hover:after {
  background: url('data:image/svg+xml,<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.25 5C10.5887 4.99912 9.93918 5.17428 9.36801 5.50749C8.79685 5.8407 8.32468 6.31994 8 6.896V4.5H7V8.5H11V7.5H8.8085C9.03116 7.06559 9.36556 6.69836 9.77728 6.43611C10.189 6.17385 10.6632 6.02605 11.151 6.0079C11.6388 5.98975 12.1226 6.10192 12.5527 6.33286C12.9827 6.5638 13.3435 6.90517 13.5978 7.32184C13.8521 7.7385 13.9908 8.21541 13.9996 8.70348C14.0084 9.19154 13.887 9.67314 13.6479 10.0987C13.4088 10.5243 13.0605 10.8784 12.6391 11.1247C12.2176 11.371 11.7381 11.5005 11.25 11.5H11V12.5H11.25C12.2446 12.5 13.1984 12.1049 13.9017 11.4017C14.6049 10.6984 15 9.74456 15 8.75C15 7.75544 14.6049 6.80161 13.9017 6.09835C13.1984 5.39509 12.2446 5 11.25 5Z" fill="%23fff"/><path d="M13 3.5H2V5.0855L5.707 8.7925L6 9.0855V13.5H8V12.5H9V13.5C9 13.7652 8.89464 14.0196 8.70711 14.2071C8.51957 14.3946 8.26522 14.5 8 14.5H6C5.73478 14.5 5.48043 14.3946 5.29289 14.2071C5.10536 14.0196 5 13.7652 5 13.5V9.5L1.293 5.7925C1.10545 5.60501 1.00006 5.35069 1 5.0855V3.5C1 3.23478 1.10536 2.98043 1.29289 2.79289C1.48043 2.60536 1.73478 2.5 2 2.5H13V3.5Z" fill="%23fff"/></svg>') no-repeat center / contain;
}

.showAllVariations:hover:after {
  background: url('data:image/svg+xml,<svg width="11" height="10" viewBox="0 0 11 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.1666 5.66732H6.16665V9.66732H4.83331V5.66732H0.833313V4.33398H4.83331V0.333984H6.16665V4.33398H10.1666V5.66732Z" fill="%23fff"/></svg>') no-repeat center / contain;
}

.ProductImage .IC_BannerSale{
  position: absolute;
  color: #000;
  top: 0;
  left: 0;
  padding: 12px;
  z-index: 1;
  line-height: 1em !important;
  font-weight: 700;
  font-size: 24px !important;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 4px;
}

.ProductDetails #ProductSlideshow {
  background: #f7f7f7 !important;
  border-radius: 4px;

}

.ProductDetails #ProductSlideshow img{
  mix-blend-mode: multiply;
}

.ProductDescCharsWrapper {
  padding-bottom: 16px;
  box-sizing: border-box;
}


.productCustomersBoughtSection {
  background: #F3F3F3;
  padding: 40px 0;
  width: 100vw;
  left: calc(-50vw + 50%);
  box-sizing: border-box;
  position: relative;
  margin-bottom: 40px;
  text-align: center;
}

.productCustomersBoughtSection h2 {
  font-size: 28px;
  color: black;
}

.productCustomersBoughtContainer {
  display: flex;
  gap: 24px;
  max-width: 1150px;
  box-sizing: border-box;
  margin: 16px auto;
}

.productCustomersBoughtContainer > * {
  width: 20%;
}

.productCustomersBoughtImg img {
  width: 95%;
  display: block;
  margin: auto;
  height: auto;
  mix-blend-mode: multiply;
}


.productCustomersBoughtSection .productCustomersBoughtDiscount {
  font-size: 40px;
  font-weight: 500;
  height: 85px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-top: 12px;
}

.productCustomersBoughtSection .accent  .productCustomersBoughtDiscount {
  font-size: 72px;
}

.productCustomersBoughtSection .productCustomersBoughtStat {
  font-size: 14px;
  font-weight: 600;
  margin-top: 8px;
}

.productCustomersBoughtSection .productCustomersBoughtText {
  font-size: 14px;
  font-weight: 400;
  margin-top: 8px;
}

.productCustomersBoughtSection .accent  .productCustomersBoughtDiscount,
.productCustomersBoughtSection .accent  .productCustomersBoughtText {
  color: #0052B4;
  font-weight: 500;
}

.productCustomersBoughtSection .productCustomersBoughtPrice {
  font-size: 22px;
  font-weight: 600;
  margin-top: 8px;
}

#ProductRatings {
  margin-bottom: 24px;
}


@media screen and (max-width: 993px) {
  .wrapperScrollBox {
    height: initial !important;
    width: 100%;
  }
}

@media screen and (min-width: 993px) {
  .wrapperScrollBox {
    position: absolute;
    top: 0;
    width: 322px;
    right: 0;
    left: inherit;
    height: 880px;
  }
}


@media screen and (min-width: 993px) {
  .InfoPriceArea {
    position: sticky;
    top: 140px;
  }
}

.ProductDetailsImageInfo {
  margin-bottom: 16px;
}

.ProductDescCharsWrapper {
  flex-direction: column;
  max-width: 974px;
}

@media screen and (min-width: 1330px){
  .brSectionReviews {
    flex-direction: column;
  }

  .InfoPriceArea {
    width: 322px;
    box-sizing: border-box;
  }
  .InfoPriceArea.fixed {
    position: fixed;
    top: 130px;
    right: calc((100vw - 1320px) / 2);
    /*left: calc(100vw - 1320px);*/
    z-index: 99;
    background: white;
  }

  .InfoPriceArea.stop {
    position: absolute;
    right: 0;
  }
}




/*Modal*/



.variationsModalWrapper {
  --def-space: 24px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000000;
  display: none;
  align-items: center;
  justify-content: center;
}

.variationsModalWrapper.active {
  display: flex;
}

.variationsModalContainer {
  background: white;
  border-radius: 4px;
  max-width: 984px;
  width: 100%;
  max-height: 98vh;
  box-sizing: border-box;
  overflow-y: hidden;
  opacity: 0;
  transform: scale(0.8);
  transition: all 0.2s ease-out;
}


@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.variationsModalContainer.open {
  opacity: 1;
  transform: scale(1);
}

.variationsModalHeader {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  padding: var(--def-space);
  border-bottom: 1px solid #D9D9D9;
}

.variationsModalHeader h5 {
  color: var(--accent-color);
  font-size: 16px;
  font-weight: 700;
  margin: 0;
}

.btnVariationModalClose {
  background: none;
  appearance: none;
  padding: 0;
  border: 0;
  cursor: pointer;
  transition: 0.2s;
}
.btnVariationModalClose svg {
  width: 10px;
  height: 10px;
}

.btnVariationModalClose:hover {
  opacity: 0.5;
  background: none !important;
}
.variationsModalBody {
  padding: var(--def-space);
  display: flex;
  flex-direction: column;
  height: 86vh;
}

.variationsModalFiltersHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}

.variationsModalContainer h5.variationsModalTitle {
  margin: 0;
  color: #472311;
  font-size: 16px;
  font-weight: 500;
}

#variationsModalFiltersInputSearch {
  width: 100%;
  height: 40px;
  border: 1px solid transparent;
  background: #F2F2F2;
  border-radius: 4px;
  padding: 0 16px;
  box-sizing: border-box;
  font-size: 14px;
  outline: 0;
  transition: 0.2s;
}

#variationsModalFiltersInputSearch:focus {
  border: 1px solid #D9D9D9;
}

#variationsModalFiltersInputSearch::placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.variationsModalFiltersSearch {
  position: relative;
  width: 100%;
  max-width: 320px;
}

.variationsModalFiltersSearchIcon {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
}

.variationsModalOptions {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 16px;
}

.variationsModalOptions select {
  width: 100%;
  height: 40px;
  border: 0;
  background: #F2F2F2;
  border-radius: 4px;
  padding: 0 16px;
  box-sizing: border-box;
  font-size: 14px;
  outline: 0;
}

.variationsModalItemsHeader {
  margin-top: var(--def-space);
}

.variationsModalItems {
  flex: 1;

}


.variationsModalBody .scrollbar {
  flex: 1;
  overflow: auto;
}

.variationsModalBody .ProductVariations{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin-top: 16px;

}

.variationsModalBody .IC_ProductBox.hidden {
  display: none !important;
}

.variationsModalSelectedFilters {
  margin-top: var(--def-space);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#resetAllFiltersModal {
  cursor: pointer;
  transition: 0.2s;
  height: 29px;
}

.variationsModalLabels {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  gap: 12px;
}

.variationsModalLabel {
  display: flex;
  gap: 8px;
  align-items: center;
  border-radius: 100px;
  border: 1px solid black;
  height: 29px;
  padding: 0 12px;
  box-sizing: border-box;
}

.variationsModalLabel span {
  white-space: nowrap;

}

.deleteVariantLabelModal {
  width: 14px;
  height: 14px;
  border: 0;
  outline: 0;
  appearance: none;
  cursor: pointer;
  transition: 0.2s;
  background: url('data:image/svg+xml,<svg width="10" height="11" viewBox="0 0 10 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.26659 10.1673L0.333252 9.23398L4.06659 5.50065L0.333252 1.76732L1.26659 0.833984L4.99992 4.56732L8.73325 0.833984L9.66658 1.76732L5.93325 5.50065L9.66658 9.23398L8.73325 10.1673L4.99992 6.43398L1.26659 10.1673Z" fill="%23933410"/></svg>') no-repeat center / contain !important;
}

.deleteVariantLabelModal:hover {
  opacity: 0.5;
}


.customSelect {
  position: relative;
  width: 100%;
  height: 40px;
  border: 0;
  background: #F2F2F2;
  border-radius: 4px;
  padding: 0 16px;
  box-sizing: border-box;
  font-size: 14px;
  outline: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  transition: 0.2s;
}
.customSelect:hover {
  background: #e1e0e0;
}

.customSelect:active {
  background: #E2D6B6;
}

.customSelectValues {
  position: absolute;
  top: 100%;
  left: 0;
  background: white;
  z-index: 999;
  width: 100%;
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  box-sizing: border-box;
  display: none;
  flex-direction: column;
}

.customSelect.active .customSelectValues {
  display: flex;
  max-height: 80vh;
  overflow: auto;
}
.customSelectValues > * {
  padding: 10px 5px;
  cursor: pointer;
  border-radius: 4px;
}
.customSelectValues .hidden {
  display: none;
}
.customSelectValues > *:hover {
  background: #F2F2F2;
}

.customSelectValues > *:active {
  background: #E2D6B6;
}

.customSelect:after {
  content: '';
  display: block;
  width: 8px;
  transition: 0.2s;
  height: 8px;
  background: url('data:image/svg+xml,<svg width="8" height="5" viewBox="0 0 8 5" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 4.66602L0 0.666016H8L4 4.66602Z" fill="black"/></svg>') no-repeat center / contain;
}

.customSelect.active:after {
  transform: rotate(180deg);
}


@media screen and (max-width: 993px) {
  .variationsModalOptions {
    grid-template-columns: repeat(1, 1fr);
  }
  .variationsModalBody .ProductVariations {
    grid-template-columns: repeat(1, 1fr);
  }
}



/*end Modal*/


/*Product page new styles*/
.IC_BannerSale.SmallBanner {
  line-height: 100% !important;
  background: none !important;
  padding: 0 !important;
}
.IC_BannerSale.ShowDiscount {
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: left;
    gap: 5px;
    align-items: center;
}
.IC_BannerSale.ShowDiscount {
  background: #BD0C0A;
  padding: 12px;
  color:#fff;
}
.IC_BannerSale.ShowDiscount.IC_BannerDiscountExtra {
  background: #fc0;
}
.SmallBanner .IC_BannerDiscount,
.SmallBanner .IC_BannerDiscountExtra{
  padding: 8px !important;
  font-size:12px !important;
  white-space: nowrap;
  line-height: 12px !important;
  background: #BD0C0A;
  color: #fff;
}
.SmallBanner .IC_BannerDiscountExtra {
  background: #fc0;
  color: #000;
}
.IC_BannerSale.SmallBanner > span {
    white-space: nowrap;
    line-height: 24px;
}

.CampaignValidTo {
  display: flex;
  color: var(--accent-color);
  gap: 8px;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 8px;
}

.CampaignValidTo:before {
  content: '';
  display: block;
  width: 18px;
  background: url('data:image/svg+xml,<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.5 6H8.5V10.5H7.5V6ZM6.5 1.5H9.5V2.5H6.5V1.5Z" fill="%23933410"/><path d="M14.0002 5.00055L13.2902 4.29555L12.1652 5.42055C11.2443 4.35706 9.94908 3.68926 8.54863 3.5559C7.14818 3.42254 5.75018 3.83386 4.64511 4.70442C3.54004 5.57497 2.81285 6.83782 2.61464 8.23057C2.41643 9.62333 2.76244 11.0389 3.58078 12.1832C4.39911 13.3275 5.62685 14.1125 7.00891 14.3751C8.39097 14.6377 9.82108 14.3578 11.0021 13.5934C12.1831 12.8291 13.0243 11.6391 13.3507 10.2707C13.6772 8.90233 13.4639 7.46077 12.7552 6.24554L14.0002 5.00055ZM8.00021 13.5005C7.1102 13.5005 6.24017 13.2366 5.50015 12.7422C4.76013 12.2477 4.18335 11.5449 3.84276 10.7226C3.50216 9.90035 3.41305 8.99555 3.58668 8.12264C3.76031 7.24972 4.1889 6.4479 4.81823 5.81856C5.44757 5.18923 6.24939 4.76064 7.12231 4.58701C7.99522 4.41338 8.90002 4.50249 9.72229 4.84309C10.5446 5.18368 11.2474 5.76046 11.7418 6.50048C12.2363 7.2405 12.5002 8.11053 12.5002 9.00055C12.5002 10.194 12.0261 11.3386 11.1822 12.1825C10.3383 13.0264 9.19369 13.5005 8.00021 13.5005Z" fill="%23933410"/></svg>') no-repeat center / contain;
  height: 18px;
}

.InfoPriceArea_ProductBox .InfoPriceArea_IC_Banner {
  display: none;
}

.InfoPriceArea_ProductBox .IC_BannerDiscountExtra,
.InfoPriceArea_ProductBox .IC_BannerDiscount {
  font-weight: 700;
  font-size: 12px;
  border-radius: 4px;
}

.InfoPriceArea_ProductBox .IC_BannerSale span {
  font-size: 12px !important;
  font-weight: 500;
  color: black;
}

.ProductImage .IC_BannerSale,
.ProductImage .IC_BannerNew,
.ProductImage .IC_BannerPreorder {
  background: #bd0c0a;
  position: absolute;
  color: #fff !important;
  top: 0;
  left: 0;
  z-index: 1;
  line-height: 1em !important;
  font-weight: 700;
  font-size: 14px !important;
  border-radius: 4px;
  padding: 12px;
}

.ProductImage .IC_BannerPreorder {
  background: #2fa1ed;
}
.ProductImage .IC_BannerNew {
  background: #336010;
}

.ProductImage .IC_BannerPreorder,
.ProductImage .IC_BannerNew {
  top: 4px;
  left: 4px;
}

.ProductImage .IC_BannerSale.IC_BannerDiscountExtra {
  color: black !important;
}

.variationResetBtnWrapperMobile {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
}

.variationResetBtnWrapperMobile .variationBorderedBtn {
  height: 40px;
}

.showAllVariationsMobileWrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
}

.BenefitList ul li {
    font-size: 12px;
    list-style-type: none;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuNSAwQzEuODM2OTYgMCAxLjIwMTA3IDAuMjYzMzkyIDAuNzMyMjMzIDAuNzMyMjMzQzAuMjYzMzkyIDEuMjAxMDcgMCAxLjgzNjk2IDAgMi41VjkuNUMwIDEwLjE2MyAwLjI2MzM5MiAxMC43OTg5IDAuNzMyMjMzIDExLjI2NzhDMS4yMDEwNyAxMS43MzY2IDEuODM2OTYgMTIgMi41IDEySDkuNUMxMC4xNjMgMTIgMTAuNzk4OSAxMS43MzY2IDExLjI2NzggMTEuMjY3OEMxMS43MzY2IDEwLjc5ODkgMTIgMTAuMTYzIDEyIDkuNVYyLjVDMTIgMS44MzY5NiAxMS43MzY2IDEuMjAxMDcgMTEuMjY3OCAwLjczMjIzM0MxMC43OTg5IDAuMjYzMzkyIDEwLjE2MyAwIDkuNSAwSDIuNVpNOC44NTQgNC44NTRMNS4zNTQgOC4zNTRDNS4zMDc1NSA4LjQwMDU2IDUuMjUyMzggOC40Mzc1MSA1LjE5MTYzIDguNDYyNzFDNS4xMzA4OSA4LjQ4NzkyIDUuMDY1NzcgOC41MDA4OSA1IDguNTAwODlDNC45MzQyMyA4LjUwMDg5IDQuODY5MTEgOC40ODc5MiA0LjgwODM3IDguNDYyNzFDNC43NDc2MiA4LjQzNzUxIDQuNjkyNDUgOC40MDA1NiA0LjY0NiA4LjM1NEwzLjE0NiA2Ljg1NEMzLjA5OTUxIDYuODA3NTEgMy4wNjI2NCA2Ljc1MjMyIDMuMDM3NDggNi42OTE1OEMzLjAxMjMyIDYuNjMwODQgMi45OTkzNyA2LjU2NTc0IDIuOTk5MzcgNi41QzIuOTk5MzcgNi40MzQyNiAzLjAxMjMyIDYuMzY5MTYgMy4wMzc0OCA2LjMwODQyQzMuMDYyNjQgNi4yNDc2OCAzLjA5OTUxIDYuMTkyNDkgMy4xNDYgNi4xNDZDMy4yMzk4OSA2LjA1MjExIDMuMzY3MjIgNS45OTkzNyAzLjUgNS45OTkzN0MzLjU2NTc0IDUuOTk5MzcgMy42MzA4NCA2LjAxMjMyIDMuNjkxNTggNi4wMzc0OEMzLjc1MjMyIDYuMDYyNjQgMy44MDc1MSA2LjA5OTUxIDMuODU0IDYuMTQ2TDUgNy4yOTNMOC4xNDYgNC4xNDZDOC4yMzk4OSA0LjA1MjExIDguMzY3MjIgMy45OTkzNyA4LjUgMy45OTkzN0M4LjYzMjc4IDMuOTk5MzcgOC43NjAxMSA0LjA1MjExIDguODU0IDQuMTQ2QzguOTQ3ODkgNC4yMzk4OSA5LjAwMDYzIDQuMzY3MjIgOS4wMDA2MyA0LjVDOS4wMDA2MyA0LjYzMjc4IDguOTQ3ODkgNC43NjAxMSA4Ljg1NCA0Ljg1NFoiIGZpbGw9IiMyN0FFNjAiLz4KPC9zdmc+) no-repeat left center;
    padding: 4px 0 4px 22px;
    line-height: 100%;
    font-weight: 700;
}

.BenefitList ul {
    padding: 0;
    margin:0;
}
span.StockTextMini {
    font-size: 12px;
    color: black !important;
    font-weight: 400 !important;
}
.ReturnPolicyLink svg {
    vertical-align: text-top;
}
.NoChargesIconText svg {
  width: 13px;
  height: auto;
}
.ReturnPolicyLink span {
  margin-left: 5px !important;
}

.BenefitList {
  margin-top: 5px !important;
}

.ReturnPolicyLink a{
  font-size: 12px !important;
  font-weight: 500 !important;
}

/* underline only the text on hover, not the icon and the space in front of it */
.ReturnPolicyLink a:hover {
  text-decoration: none !important;
}

.ReturnPolicyLink a:hover span {
  text-decoration: underline !important;
}

/* colour the icon on hover like the link text (desktop only, on mobile both stay black)
   - filled (return policy) and outlined (legal guarantee) icons */
.isdesktop .ReturnPolicyLink a:hover svg path[fill]:not([fill="none"]) {
  fill: #b22100;
}

.isdesktop .ReturnPolicyLink a:hover svg path[stroke]:not([stroke="none"]) {
  stroke: #b22100;
}

.brVariantBox .IC_BannerSale.IC_BannerDiscount,
.brVariantBox .IC_BannerSale.IC_BannerDiscountExtra {
  padding: 4px !important;
  font-size: 12px !important;
  white-space: nowrap;
  line-height: 14px !important;
  font-weight: 700 !important;
  display: inline-block;
}
.brVariantBox .IC_BannerSale.IC_BannerDiscountExtra{
  background-color: #fc0 !important;
  color: #000;
}

.brVariantBox .StockTextMini,
.brVariantBox .IC_PriceSaving{
  display:none;
}
.ProductDetails .IC_ManufacturerPrice {
    display: none;
}
.variationsModalBody .brVariantBox {
    margin-bottom: 0;
}
.ProductChars a {
    text-decoration: underline;
    font-size: inherit;
    position: relative;
    padding-right: 18px;
    font-style: inherit !important;
    color: inherit !important;
}
.ProductChars a:after {
    content: url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20fill%3D%27%23000000%27%20width%3D%2714px%27%20height%3D%2714px%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M19%2C14%20L19%2C19%20C19%2C20.1045695%2018.1045695%2C21%2017%2C21%20L5%2C21%20C3.8954305%2C21%203%2C20.1045695%203%2C19%20L3%2C7%20C3%2C5.8954305%203.8954305%2C5%205%2C5%20L10%2C5%20L10%2C7%20L5%2C7%20L5%2C19%20L17%2C19%20L17%2C14%20L19%2C14%20Z%20M18.9971001%2C6.41421356%20L11.7042068%2C13.7071068%20L10.2899933%2C12.2928932%20L17.5828865%2C5%20L12.9971001%2C5%20L12.9971001%2C3%20L20.9971001%2C3%20L20.9971001%2C11%20L18.9971001%2C11%20L18.9971001%2C6.41421356%20Z%27%2F%3E%3C%2Fsvg%3E);
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: baseline;
    position: absolute;
    right: 0;
    bottom: 1px;
}

.InfoPriceArea .IC_PriceSaving {
    white-space: nowrap;
}


.button.slick-prev, button.slick-next {
  z-index: 9;
}
.InfoPriceArea_MessageContainer .ProductPreorderStock, .InfoPriceArea_MessageContainer .ProductPreorderStock *{ color: #2fa1ed !important; }
.InfoPriceArea_MessageContainer .ProductWarnStock, .InfoPriceArea_MessageContainer .ProductWarnStock * { color: #f8921c !important; }
.InfoPriceArea_MessageContainer .ProductOutStock, .InfoPriceArea_MessageContainer .ProductOutStock * { color: #933410 !important; }
.InfoPriceArea_MessageContainer .ProductSpecialStock, .InfoPriceArea_MessageContainer .ProductSpecialStock * { color: #9144cf!important }

/*Fixed price box*/

.wrapperFixedPriceBox {
  position: fixed;
  display: flex;
  justify-content: center;
  bottom: 0;
  padding: 5px 0;
  left: 0;
  background: white;
  width: 100%;
  /*max-width: calc(100vw - 40px);*/
  /*overflow: hidden;*/
  z-index: 9999;
  border-radius: 4px;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.25);
  transform: translateY(100%);
  transition: .3s;
  min-width: 1100px;
  overflow: auto;
}

.ismobile .wrapperFixedPriceBox{
  display: none !important;
}

.fixedBottomAddToBasket .inputQuantitySelect {
  top: initial;
  bottom: 100%;
}

.wrapperFixedPriceBox.visible:not(.not_available) {
  transform: translateY(0);
}

.wrapperFixedPriceBox .InfoPriceArea {
  background: white;
  width: 100%;
  max-width: 1320px !important;
}

.wrapperFixedPriceBox .IC_PriceAndBasket {
  display: flex;
  justify-content: flex-end;
  gap: 40px;
}

.wrapperFixedPriceBox .fixedBottomAddToBasket {

  /*min-width: 325px;*/
  /*width: 278px!important;*/
  /*max-width: 278px!important;*/
}

.wrapperFixedPriceBox .IC_PriceAndBasket > * {
  flex: 1;
}

.fixedBottomProductInfo h3 strong{
  font-size: 16px;
  color: #929292;
  font-weight: 600;
}

.fixedBottomProductInfo h3 span {
  font-size: 16px;
  font-weight: 500;
  display: block;
  margin-top: 10px;
}

.wrapperFixedPriceBox .StockText {
  margin-top: 0 !important;
}
.wrapperFixedPriceBox .IC_Basket {
  margin-top: 0 !important;
}

.wrapperFixedPriceBox .InfoPriceArea {
  box-shadow: none;
}

.wrapperFixedPriceBox .IC_PriceAndBasket .fixedBottomBtnWrapper {
  width: 24px;
  height: 24px;
  flex: none;
}
.btnBottomFixedWrapper {
  appearance: none;
  width: 24px;
  height: 24px;
  background: transparent;
  border: none;
  padding: 0;
  box-shadow: none;
}

.btnBottomFixedWrapper:focus,
.btnBottomFixedWrapper:active {
  box-shadow: none;
}

.wrapperFixedPriceBox .btnBottomFixedWrapper {
  background: transparent url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_12685_66030)"><path d="M32 12H20V0H24V8H32M8 32V24H0V20H12V32" fill="black"/></g><defs><clipPath id="clip0_12685_66030"><rect width="32" height="32" fill="white"/></clipPath></defs></svg>') no-repeat center / contain;
}

.wrapperFixedPriceBox.closed .btnBottomFixedWrapper {
  background: transparent url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 16H8V24H16V28H4M16 8H24V16H28V4H16" fill="black"/></svg>') no-repeat center / contain;
}

.fixedBottomStockText {
  display: flex;
  align-items: center;
  gap: 8px;
}

.fixedBottomMore {
  font-size: 12px;
  font-weight: 300 !important;
}

.fixedBottomMore b{
  font-weight: 500 !important;
}

.wrapperFixedPriceBox div.StockText {
  min-height: auto;
}

.wrapperFixedPriceBox .productStars {
  margin: 8px 0 0;
}

.foxedBottomDelivery p,
.foxedBottomDelivery {
  font-weight: 500;
  font-size: 12px;
  color: #909090;
}

.foxedBottomDelivery {
  margin-top: 8px;
}

.foxedBottomDelivery * {
  margin: 0 !important;
}

.wrapperFixedPriceBox .IC_BannerSale > * {
  margin-bottom: 0!important;
}

.wrapperFixedPriceBox .CampaignValidTo {
  margin-bottom: 2px !important;
  font-size: 12px;
}


.wrapperFixedPriceBox .IC_Stock {
  margin-top: 8px !important;
}

.product-page.visibleBtn .backtotop {
  bottom: 190px !important;
}

.wrapperFixedPriceBox.closed {
  overflow: hidden;
  width: 393px;
}
.wrapperFixedPriceBox.closed .fixedStockWrapper,
.wrapperFixedPriceBox.closed .fixedBottomPrice,
.wrapperFixedPriceBox.closed .fixedBottomProductInfo {
  opacity: 0;
  /*display: none;*/
}

.fixedBottomMainWrapper {
  display: flex;
  align-items: center;
}

.fixedBottomMenu {
  flex: 1;
}
.fixedBottomAddToBasket {
  display: flex;
  gap: 16px;
  align-items: center;
}

.wrapperFixedPriceBox:not(.closed) .InfoPriceArea {
  /*width: 100vw;*/
}

.wrapperFixedPriceBox .InfoPriceArea {
  padding: 0 !important;
}
.wrapperFixedPriceBox  .BubbleHelp{
  display: none;
}

.fixedBottomMenu {
  display: flex;
  align-items: center;
  gap: 16px;
}
.fixedBottomMenu span{
  font-size: 14px;
  cursor: pointer;
  transition: 0.2s;
}

.fixedBottomMenu span:hover {
  color: #933410;
}

.fixedBottomPriceWrapper {
  display: flex;
  gap: 0;
  flex-direction: column;
  max-width: 230px;
}

.fixedBottomPriceWrapper .InfoPriceArea_vat {
  margin-bottom: 0 !important;
}

.fixedBottomAddToBasket .IC_Basket {
  min-width: 300px;
}


.fixedBottomAddToBasket .ShowDiscount {
  display: none !important;
}

.fixedBottomTitle {
  max-width: 220px;
  margin-right: 20px;
}

.fixedBottomTitle h2 strong {
  display: block;
  color: #929292;
  font-size: 12px;
  margin-top: 5px;
}
.fixedBottomTitle h2 {
  font-size: 14px;
  font-weight: 500;
}

/*End Fixed price box*/

.ProductImage .ep-uiSlides {
    display: none;
}

.IC_PriceAndBasket .IC_Price {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.NoChargesWrapper {
  display: flex;
  gap: 10px;
  flex-direction: row;
  align-items: center;
}

.ContentArea div .NoChargesIconText a {
  font-size: 12px !important;
  font-weight: 500 !important;
}

.ContentArea div .NoChargesIconText {
  font-size: 12px !important;
  font-weight: 500 !important;
  display: flex;
  align-items: center;
}

.NoChargesInfo {
  position: relative;
  display: flex;
  align-items: center;
}
.NoChargesInfo svg {
  cursor: pointer;
  width: 13px;
  height: 13px;
}

.NoChargesInfoText {
  position: absolute;
  background: white;
  display: none;
  padding: 10px;
  width: 280px;
  right: 0;
  top: 100%;
  font-size: 12px !important;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  z-index: 1;
}



.ContentArea div .NoChargesInfoText {
  font-size: 12px !important;
}

.NoChargesInfo:hover .NoChargesInfoText {
  display: block;
}

.ManuPriceListPriceWrapper {
  display: flex;
  flex-wrap: wrap;
}
.ManuPriceListPriceWrapper > * {
  margin-right: 5px;
}

.ep-uiLightbox-slides {
  background: white;
}

.ep-uiLightbox-ctrlClose {
  z-index: 1;
}

.ep-uiLightbox.ui-hidden {
  display: none !important;
}
.onlyMobile {
  display: none;
}

#CampaignWrapper .discountbadges {
  position: relative;
  top: 0;
  left: 0;
}

#CampaignWrapper .discountbadge {
  height: 21px;
  box-sizing: border-box;
  display: flex;
  padding-top: 0;
  padding-bottom: 0;
  white-space: nowrap;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 14px;
}

#CampaignWrapper .discountbadges .hasExtraBadge {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

#CampaignWrapper .discountbadges .discountbadge:nth-child(2) {
  border-bottom-left-radius: 0;
  position: relative;
  border-top-left-radius: 0;
}


#CampaignWrapper .discountbadges .discountbadge:nth-child(2):before {
  content: "";
  position: absolute;
  top: 0;
  left: -12px;
  height: 21px;
  width: 24px;
  background: url('data:image/svg+xml,<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 23" width="22" height="23"><title>New Project</title><style>.s0 { fill: %23ffcc00;stroke: %23ffffff;paint-order:stroke fill markers;stroke-linejoin: round;stroke-width: 4 } </style><path id="Shape 1" fill-rule="evenodd" class="s0" d="m22 0v23h-19l10.9-11.1-10.9-11.9z"/></svg>') no-repeat center / contain;
}

.ProductVariations .IC_BannerSale,
#ImageBanner .IC_BannerSale {
  top: 0;
  position: relative;
}

.ProductVariations .IC_BannerSale ~ .IC_BannerDiscountExtra,
#ImageBanner .IC_BannerSale ~ .IC_BannerDiscountExtra {
  top: 0;
  position: relative;
}

.ProductVariations .discountbadges,
#ImageBanner .discountbadges {
  display: flex;
}

.ProductVariations .discountbadges .hasMarketingBadge,
#ImageBanner .discountbadges .hasMarketingBadge {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.ProductVariations .discountbadges .hasMarketingBadge {
  padding-right: 15px !important;
}

.ProductVariations .discountbadges .IC_BannerSale:nth-child(2).IC_BannerDiscountExtra:before,
#ImageBanner .discountbadges .IC_BannerSale:nth-child(2).IC_BannerDiscountExtra:before {
  content: "";
  position: absolute;
  top: 0;
  background: url('data:image/svg+xml,<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 50" width="23" height="50"><title>New Project</title><style>.s0 { fill: %23ffcc00;stroke: %23e6e6e6;paint-order:stroke fill markers;stroke-linejoin: round;stroke-width: 6 } </style><path id="Shape 1" fill-rule="evenodd" class="s0" d="m53 0v50h-50l20.2-25-20.2-25z"/></svg>') no-repeat center / contain;
}

#ImageBanner .discountbadges .IC_BannerSale.IC_BannerDiscountExtra:before {
  left: -23px;
  height: 38px;
  width: 34px;
}

.ProductVariations .discountbadges .IC_BannerSale.IC_BannerDiscountExtra:before {
  top: 0;
  left: -15px;
  height: 24px;
  width: 20px;
}

.ProductVariations .discountbadges .IC_BannerSale {
  font-weight: 500 !important;
}

.InfoPriceArea_ProductBox .IC_BannerSale {
  flex-wrap: wrap;
  align-items: center;
}
.InfoPriceArea_ProductBox .discountbadge {
  margin-bottom: 0 !important;
}
.InfoPriceArea_ProductBox .ManuPriceListPriceWrapper {
  margin-bottom: 0 !important;
}
span.labelVariant pre {
    display: inline;
}

.IC_StartPageWrapper .IC_ProductBestRatedBoxSlider .slick-dots,
.IC_StartPageWrapper .IC_ProductBestsellerBoxSlider .slick-dots,
.IC_StartPageWrapper .IC_FeaturedProductsSlider .slick-dots,
.IC_StartPageWrapper .IC_ManufacturerSlider .slick-dots {
    position: absolute;
    top: 100%;
    margin-top: 30px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}

.IC_StartPageWrapper .IC_ProductBestRatedBoxSlider .slick-dots li button,
.IC_StartPageWrapper .IC_ProductBestsellerBoxSlider .slick-dots li button,
.IC_StartPageWrapper .IC_FeaturedProductsSlider .slick-dots li button,
.IC_StartPageWrapper .IC_ManufacturerSlider .slick-dots  li button,
.IC_StartPageWrapper .IC_ProductBestRatedBoxSlider .slick-dots li,
.IC_StartPageWrapper .IC_ProductBestsellerBoxSlider .slick-dots li,
.IC_StartPageWrapper .IC_FeaturedProductsSlider .slick-dots li,
.IC_StartPageWrapper .IC_ManufacturerSlider .slick-dots  li {
    margin: 0;
    padding: 0;
}

.discountbadges.hasdiscount.hasmarketing + .IC_PreviewBox .IC_ProductInfo {
    margin-top: 22px;
}
.IC_PriceAndBasket .ProductOnStockIcon ~ .NoChargesWrapper {
    display: none;
}
.IC_BannerPreorder + .IC_PreviewBox,
.IC_BannerNew + .IC_PreviewBox,
.discountbadges + .IC_PreviewBox {
    padding-top: 20px !important;
}
.variationsFilter option:disabled {
    color: #cacaca;
}

.buscketQuantityWrapper {
  display: flex;
  gap: 16px;
  align-items: center;
}

.buscketQuantityWrapper button{
  width: 30px !important;
  max-width:30px !important;
  height: 30px !important;
  /* background: transparent; */
  /* border: 0; */
  display: none;
  align-items: center;
  text-align: center;
  justify-content: center;
  padding: 0 !important;
  float: none;
  outline: none;
}
.wrapperFixedPriceBox .requiresLicenseBtnWrapper{
  display: none;
}


.marge,
.upvPrices {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
}

.ismobile .marge {
  margin-top: 5px;
}
.ismobile .upvPrices {
  margin-top: 10px;
}
.marge {
  margin-bottom: 0;
}

.marge svg,
.upvPrices svg {
  width: 20px;
  height: 20px;
}

.ContentArea div .margeValue,
.ContentArea div .comparisonPriceGross {
  font-size: 16px !important;
}

.ContentArea div .margeMarkup,
.ContentArea div .comparisonPriceNet {
  font-size: 12px !important;
}

.margeValue span {
  font-weight: 600;
}

.IC_PreviewBox .upvPrices,
.IC_PreviewBox .marge {
  display: none !important;
}
body.visibleBtn .upvPricesAndMargeWrapper{
  display: none;
}