body {
  --background: #181820;
  --backgroundRgbaZero: rgba(24,24,32,0);
  --backgroundDark: #111117;
  --backgroundDarkLightBlue: #111117;
  --backgroundDark2: #0c0c10;
  --cardBackground: #20212b;
  --cardBackgroundLight: #272834;
  --cardBackgroundDark: #1c1d26;
  --cardBackgroundRgba: rgba(32,33,43,0.6);
  --textColor: #C8C9D8;
  --placeholderColor: #abacb5;
  --borderColor: #333444;
  --borderColor2: #171822;
  --borderColor3: #0E0E14;
  --linkActiveColor: #4255d4;
  --hoverDark:#181820;
  --linkText: #C8C9D8;
  --darkGreen: #4255d4;
  --darkGreenDark: #248A50;
  --darkBlue: #343891;
  --darkBlueDark: #282B78;
  --darkBluelightWhite: #343891;
  --otherColor1: #1b1c26;
  background: var(--background);
  font-family: "Wix Madefor Display", sans-serif;
  font-size: 14px;
  color: var(--textColor);
}
body.light {
  --background: #eeeeee;
  --backgroundDark: #dddddd;
  --backgroundDarkLightBlue: #343891;
  --backgroundDark2: #bbbbbb;
  --cardBackground: #fff;
  --cardBackgroundLight: #f2f2f2;
  --cardBackgroundDark: #dbdbdb;
  --cardBackgroundRgba: rgba(255,255,255,0.6);
  --textColor: #212529;
  --placeholderColor: #212529;
  --borderColor: #e5e5e5;
  --borderColor2: #8b8989;
  --borderColor3: #bbbbbb;
  --linkActiveColor: #343891;
  --hoverDark:#eeeeee;
  --linkText: #343891;
  --darkGreen: #343891;
  --darkGreenDark: #248A50;
  --darkBlue: #4255d4;
  --darkBlueDark: #282B78;
  --darkBluelightWhite: #fff;
  --otherColor1: #f1f1f1;
  background: var(--background);
  color: var(--textColor);
}
body a {
  text-decoration: none;
}

.productItemWrapper {
  width: 100%;
  position: relative;
  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
  transition: all 0.3s;
  z-index: 4;
}
.productItemWrapper .productItem {
  width: 100%;
  position: relative;
}
.vertical.productItemWrapper .productItem {
  display: flex;
}

.productItemWrapper .productItem .itemFavButton {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 10px;
  right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  background: #4255d4;
  color: #FFF;
  border-radius: 50%;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.4);
  z-index: 3;
  transition: all 0.2s;
}
.productItemWrapper .productItem .itemFavButton:hover {
  transform: scale(1.2);
  transition: all 0.2s;
}
@media (max-width: 1099px) {
  .productItemWrapper .productItem .itemFavButton {
    width: 22px;
    height: 22px;
    font-size: 13px;
  }
}
.productItemWrapper .productItem .itemFavDeleteButton {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 10px;
  right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  background: #c3141b;
  color: #fff;
  border-radius: 50%;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.4);
  z-index: 3;
  transition: all 0.2s;
}
.productItemWrapper .productItem .itemFavDeleteButton:hover {
  transform: scale(1.2);
  transition: all 0.2s;
}
.productItemWrapper .productItem .itemImage {
  width: 100%;
  position: relative;
}
.imageBorder.productItemWrapper .productItem .itemImage {
  border-bottom: 2px solid var(--cardBackgroundDark);
}

.vertical.productItemWrapper .productItem .itemImage {
  width: 140px;
}

.productItemWrapper .productItem .itemImage img {
  width: 100%;
  position: relative;
  z-index: 1;
}
.vertical.productItemWrapper .productItem .itemImage img {
  height: 140px;
  object-fit: cover;
}

.blog.productItemWrapper .productItem .itemImage img {
  height: 150px;
  object-fit: cover;
}

.sweepstake.productItemWrapper .productItem .itemImage img {
  height: 210px;
  object-fit: scale-down;
  background-color: #111117;
}

.productItemWrapper .productItem .itemImage .infoButton {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  background: #343891;
  color: #fff;
  border-radius: 50%;
  position: absolute;
  bottom: 15px;
  right: 10px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  transition: all 0.1s;
  z-index: 2;
}
.productItemWrapper .productItem .itemImage .infoButton:hover {
  transform: scale(1.2);
  transition: all 0.1s;
}
@media (max-width: 1099px) {
  .productItemWrapper .productItem .itemImage .infoButton {
    width: 20px;
    height: 20px;
    font-size: 8px;
    bottom: 2px;
    right: 4px;
  }
}
.sweepstake.productItemWrapper .productItem .itemImage .participantCount {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 5px 10px;
  background: var(--cardBackground);
  color: var(--textColor);
  font-size: 12px;
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  line-height: 1;
  border-radius: 50px;
  z-index: 2;
  box-shadow: 0 4px 4px 0 rgba(106, 103, 103, 0.4);
}

.productItemWrapper .productItem .itemImage .flag {
  position: absolute;
  font-size: 12px;
  left: 0;
  bottom: 5px;
  display: block;
  height: 24px;
  line-height: 24px;
  padding: 0px 10px 0 10px;
  z-index: 3;
}
.productItemWrapper .productItem .itemImage .flag:after {
  position: absolute;
  right: -5px;
  top: 0;
  content: "";
  border-right: 5px solid transparent;
}
.productItemWrapper .productItem .itemImage .flag.flag-success {
  background: #4255d4;
  color: #111117;
  font-weight: 600;
}
.productItemWrapper .productItem .itemImage .flag.flag-success:after {
  border-bottom: 12px solid #4255d4;
  border-top: 12px solid #4255d4;
}
@media (max-width: 576px) {
  .productItemWrapper .productItem .itemImage .flag {
    bottom: 35px;
  }
}
.productItemWrapper .productItem .itemDetail {
  width: 100%;
  position: relative;
  padding: 10px;
  z-index: 2;
}
.vertical.productItemWrapper .productItem .itemDetail {
  width: calc(100% - 140px);
}

.productItemWrapper .productItem .itemDetail:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--cardBackground);
  clip-path: polygon(100% 0%, 100% 100%, 25px 100%, 0% calc(100% - 22px), 0% 0%);
}
.vertical.productItemWrapper .productItem .itemDetail:before {
  clip-path: polygon(100% 0%, 100% calc(100% - 22px), calc(100% - 25px) 100%, 0% 100%, 0% 0%);
}

.productItemWrapper .productItem .itemDetail .itemTitle {
  width: 100%;
  position: relative;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--borderColor3);
}
.lottery.productItemWrapper .productItem .itemDetail .itemTitle {
  padding: 5px 0 8px 0;
}
@media (max-width: 1099px) {
  .lottery.productItemWrapper .productItem .itemDetail .itemTitle {
    padding: 0 0 3px 0;
  }
}

.titleTop.productItemWrapper .productItem .itemDetail .itemTitle {
  margin-top: -52px;
}
.titleTop.productItemWrapper .productItem .itemDetail .itemTitle:before {
  content: "";
  width: calc(100% + 20px);
  height: calc(100% + 30px);
  position: absolute;
  left: -10px;
  top: -28px;
  background: linear-gradient(to top, #20212b, rgba(32, 33, 43, 0.7), rgba(32, 33, 43, 0));
}
body.light .titleTop.productItemWrapper .productItem .itemDetail .itemTitle:before {
  height: calc(100% + 20px);
  top: -18px;
  background: linear-gradient(to top, #ffffff, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));
}

.productItemWrapper .productItem .itemDetail .itemTitle h3 {
  font-size: 12px;
  font-weight: 700;
  color: var(--textColor);
  margin: 0;
  position: relative;
}
.titleLarge.productItemWrapper .productItem .itemDetail .itemTitle h3 {
  font-size: 15px;
}

.lottery.productItemWrapper .productItem .itemDetail .itemTitle h3 {
  font-size: 15px;
}
@media (max-width: 1099px) {
  .lottery.productItemWrapper .productItem .itemDetail .itemTitle h3 {
    font-size: 12px;
  }
}

@media (max-width: 1099px) {
  .productItemWrapper .productItem .itemDetail .itemTitle h3 {
    text-align: center;
  }
}
@media (max-width: 576px) {
  .productItemWrapper .productItem .itemDetail .itemTitle h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.productItemWrapper .productItem .itemDetail .itemTitle h2 {
  font-size: 17px;
  font-weight: 700;
  color: var(--textColor);
  margin: 0;
}
@media (max-width: 1099px) {
  .productItemWrapper .productItem .itemDetail .itemTitle h2 {
    text-align: center;
  }
}
.productItemWrapper .productItem .itemDetail .itemTitle span {
  font-size: 12px;
  color: var(--darkGreen);
  position: relative;
}
.sweepstake.productItemWrapper .productItem .itemDetail .itemTitle .streamerLink {
  font-size: 11px;
  display: flex;
  align-items: center;
  gap: 5px;
  color: var(--darkGreen);
}
@media (max-width: 1099px) {
  .sweepstake.productItemWrapper .productItem .itemDetail .itemTitle .streamerLink {
    justify-content: center;
  }
}

.productItemWrapper .productItem .itemDetail .productCounter {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  background: var(--backgroundDark);
  padding: 5px 0;
  border-radius: 3px;
  margin-top: 5px;
}
.productItemWrapper .productItem .itemDetail .productCounter.finished {
  background-color: #8af8bb;
  color: #111117;
}
@media (max-width: 576px) {
  .productItemWrapper .productItem .itemDetail .productCounter {
    width: auto;
    position: absolute;
    top: -35px;
    left: 50%;
    transform: translateX(-50%);
    padding: 5px;
  }
  .lottery.productItemWrapper .productItem .itemDetail .productCounter {
    width: 100%;
    position: relative;
    top: auto;
    left: auto;
    transform: translateX(0);
  }
  .productItemWrapper .productItem .itemDetail .productCounter.finished {
    width: 100%;
    position: relative;
    top: auto;
    left: auto;
    transform: translateX(0);
    font-size: 12px;
    padding: 1px 5px;
  }
}
.detailView.productItemWrapper .productItem .itemDetail .productCounter {
  width: auto;
  padding: 5px 10px;
}

.lottery.productItemWrapper .productItem .itemDetail .productCounter {
  margin-top: 10px;
}
@media (max-width: 1099px) {
  .lottery.productItemWrapper .productItem .itemDetail .productCounter {
    margin-top: 5px;
  }
}

.productItemWrapper .productItem .itemDetail .productCounter .counterIcon {
  font-size: 15px;
  color: var(--darkGreen);
}
@media (max-width: 1099px) {
  .productItemWrapper .productItem .itemDetail .productCounter .counterIcon {
    display: none;
  }
}
.productItemWrapper .productItem .itemDetail .productCounter .counterCounterItem {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
@media (max-width: 1099px) {
  .productItemWrapper .productItem .itemDetail .productCounter .counterCounterItem {
    gap: 2px;
  }
}
.productItemWrapper .productItem .itemDetail .productCounter .counterCounterItem .counterNumber {
  font-size: 13px;
  font-weight: 700;
  color: var(--textColor);
}
@media (max-width: 1099px) {
  .productItemWrapper .productItem .itemDetail .productCounter .counterCounterItem .counterNumber {
    font-size: 10px;
  }
}
.productItemWrapper .productItem .itemDetail .productCounter .counterCounterItem .counterNumberInfo {
  font-size: 8px;
  font-weight: 400;
  color: var(--textColor);
}
.lottery.productItemWrapper .productItem .itemDetail .rateBox {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 10px 0;
  gap: 5px;
}
@media (max-width: 1099px) {
  .lottery.productItemWrapper .productItem .itemDetail .rateBox {
    margin-top: 5px;
  }
}
.lottery.productItemWrapper .productItem .itemDetail .rateBox .rateTitle {
  position: relative;
  font-size: 12px;
  color: var(--textColor);
}
.lottery.productItemWrapper .productItem .itemDetail .rateBox .rateTitle span {
  color: var(--darkGreen);
  font-weight: 700;
}
@media (max-width: 1099px) {
  .lottery.productItemWrapper .productItem .itemDetail .rateBox .rateTitle {
    text-align: center;
  }
}
.lottery.productItemWrapper .productItem .itemDetail .rateBox .rate {
  width: 100%;
  height: 5px;
  border-radius: 5px;
  position: relative;
  background: #31323c;
}
.lottery.productItemWrapper .productItem .itemDetail .rateBox .rate span {
  width: 80%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--darkGreen);
  border-radius: 5px;
}

.productItemWrapper .productItem .itemDetail .itemInfo {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 5px 0 0 0;
}
.lottery.productItemWrapper .productItem .itemDetail .itemInfo {
  margin-top: 10px;
}
@media (max-width: 1099px) {
  .lottery.productItemWrapper .productItem .itemDetail .itemInfo {
    margin-top: 5px;
    flex-direction: row;
  }
}

.productItemWrapper .productItem .itemDetail .itemInfo .priceLabel {
  font-size: 14px;
  font-weight: 600;
  color: var(--textColor);
}
@media (max-width: 576px) {
  .productItemWrapper .productItem .itemDetail .itemInfo .priceLabel {
    font-size: 11px;
    line-height: 1;
  }
}
.productItemWrapper .productItem .itemDetail .itemInfo .itemPrice {
  font-size: 15px;
  font-weight: 800;
  color: var(--darkGreen);
  display: inline-flex;
  flex-direction: column;
  align-items: flex-end;
  line-height: 1;
  gap: 2px;
}
.productItemWrapper .productItem .itemDetail .itemInfo .itemPrice .oldPrice {
  display: inline-block;
  font-size: 12px;
  color: #e3b21a;
  position: relative;
}
.productItemWrapper .productItem .itemDetail .itemInfo .itemPrice .oldPrice:before {
  content: "";
  width: 100%;
  height: 0;
  border-bottom: 2px solid #c3141b;
  position: absolute;
  top: 50%;
  left: 0;
  transform: rotate(5deg);
}
.productItemWrapper .productItem .itemDetail .itemInfo .itemPrice .desc {
  font-size: 9px;
  color: #e3b21a;
  font-weight: 400;
}
.detailView.productItemWrapper .productItem .itemDetail .itemInfo .itemPrice {
  font-size: 20px;
}
.detailView.productItemWrapper .productItem .itemDetail .itemInfo .itemPrice .oldPrice {
  font-size: 17px;
}

.lottery.productItemWrapper .productItem .itemDetail .itemInfo .itemPrice {
  font-size: 20px;
}
.lottery.productItemWrapper .productItem .itemDetail .itemInfo .itemPrice .oldPrice {
  font-size: 17px;
}
@media (max-width: 576px) {
  .lottery.productItemWrapper .productItem .itemDetail .itemInfo .itemPrice {
    font-size: 14px;
  }
}

@media (max-width: 1099px) {
  .productItemWrapper .productItem .itemDetail .itemInfo {
    flex-direction: column;
    gap: 5px;
    align-items: center;
    justify-content: center;
  }
  .productItemWrapper .productItem .itemDetail .itemInfo .commentStats {
    font-size: 10px;
  }
  .productItemWrapper .productItem .itemDetail .itemInfo .commentStats .stars {
    font-size: 10px;
  }
}
.productItemWrapper .productItem .itemDetail .itemPriceInfo {
  align-items: flex-start;
  font-size: 12px;
  font-weight: 600;
  position: absolute;
  left: 15px;
  top: -45px;
  padding: 5px 10px;
  border-radius: 3px;
  background: #272834;
  color: #C8C9D8;
  line-height: 1;
  gap: 2px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
.productItemWrapper .productItem .itemDetail .itemPriceInfo .desc {
  font-size: 10px;
  color: #C8C9D8;
  font-weight: 800;
}
@media (max-width: 1099px) {
  .productItemWrapper .productItem .itemDetail .itemPriceInfo {
    padding: 5px 5px;
    left: 6px;
    top: -24px;
    font-size: 10px;
  }
  .productItemWrapper .productItem .itemDetail .itemPriceInfo .desc {
    font-size: 9px;
  }
}
.detailView.productItemWrapper .productItem .itemDetail .detailProductTitle {
  width: 100%;
  position: relative;
  margin: 5px 0;
}
.detailView.productItemWrapper .productItem .itemDetail .detailProductTitle h3 {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  color: var(--darkGreen);
  margin: 0;
  padding: 0 25px 0 0;
  position: relative;
  background: var(--cardBackground);
}
.detailView.productItemWrapper .productItem .itemDetail .detailProductTitle:before {
  content: "";
  width: 100%;
  height: 0;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  /*border-bottom:1px solid var(--darkGreen);*/
}
.detailView.productItemWrapper .productItem .itemDetail .detailDesc {
  width: 100%;
  position: relative;
  font-size: 12px;
  color: var(--textColor);
}
.detailView.productItemWrapper .productItem .itemDetail .detailDesc ul {
  margin: 0;
  padding: 0;
}
.detailView.productItemWrapper .productItem .itemDetail .detailDesc ul li {
  list-style: none;
  font-size: 12px;
  color: var(--textColor);
}
.detailView.productItemWrapper .productItem .itemDetail .iconLink {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  color: var(--textColor);
}
.detailView.productItemWrapper .productItem .itemDetail .iconLink i, .detailView.productItemWrapper .productItem .itemDetail .iconLink strong {
  color: var(--darkGreen);
}

.productItemWrapper .productItem .itemDetail .itemTags {
  width: 100%;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 10px;
}
.productItemWrapper .productItem .itemDetail .itemTags .itemTag {
  font-size: 10px;
  line-height: 1;
  padding: 5px;
  border-radius: 3px;
  background: var(--cardBackgroundLight);
  color: var(--textColor);
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.productItemWrapper .productItem .itemDetail .itemTags.platform .itemTag {
  background: var(--cardBackgroundDark);
}
.sweepstake.productItemWrapper .productItem .itemDetail .priceTitle {
  font-size: 12px;
  font-weight: 600;
  color: var(--textColor);
}
@media (max-width: 576px) {
  .sweepstake.productItemWrapper .productItem .itemDetail .priceTitle {
    font-size: 10px;
  }
}
.sweepstake.productItemWrapper .productItem .itemDetail .productDetailButton {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  line-height: 1;
  padding: 10px 10px;
  background: var(--cardBackgroundLight);
  color: var(--darkGreen);
  font-size: 11px;
  margin-top: 10px;
  border-radius: 3px;
  transition: all 0.2s;
}
.sweepstake.productItemWrapper .productItem .itemDetail .productDetailButton:hover {
  background: var(--background);
  color: var(--darkGreen);
  transition: all 0.2s;
}
@media (max-width: 1099px) {
  .sweepstake.productItemWrapper .productItem .itemDetail .productDetailButton i {
    display: none;
  }
}

.productItemWrapper .productItem .itemDetail .quantityToAddToCartArea {
  width: calc(50% - 10px);
  position: absolute;
  left: 10px;
  bottom: 10px;
  display: none;
  align-items: center;
  z-index: 4;
}
.lottery.productItemWrapper .productItem .itemDetail .quantityToAddToCartArea {
  width: calc(100% - 20px);
}

@media (max-width: 1099px) {
  .productItemWrapper .productItem .itemDetail .quantityToAddToCartArea {
    width: calc(100% - 20px);
  }
}
.productItemWrapper .productItem .itemDetail .quantityToAddToCartArea.show {
  display: flex;
}
.productItemWrapper .productItem .itemDetail .quantityToAddToCartArea .productNavigateArea {
  width: calc(100% - 30px);
  display: inline-flex;
  align-items: center;
}
.lottery.productItemWrapper .productItem .itemDetail .quantityToAddToCartArea .productNavigateArea {
  width: calc(100% - 70px);
}
@media (max-width: 1099px) {
  .lottery.productItemWrapper .productItem .itemDetail .quantityToAddToCartArea .productNavigateArea {
    width: calc(100% - 30px);
  }
}

.productItemWrapper .productItem .itemDetail .quantityToAddToCartArea .productNavigateArea .productNavigateMinus, .productItemWrapper .productItem .itemDetail .quantityToAddToCartArea .productNavigateArea .productNavigatePlus {
  width: 33.3333333333%;
  height: 36.5px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: var(--textColor);
  background: var(--borderColor);
  transition: all 0.2s ease-in-out 0s;
}
.lottery.productItemWrapper .productItem .itemDetail .quantityToAddToCartArea .productNavigateArea .productNavigateMinus, .productItemWrapper .productItem .itemDetail .quantityToAddToCartArea .productNavigateArea .productNavigatePlus {
  background: #282B78;
  color: #fff;
}

@media (max-width: 1099px) {
  .productItemWrapper .productItem .itemDetail .quantityToAddToCartArea .productNavigateArea .productNavigateMinus, .productItemWrapper .productItem .itemDetail .quantityToAddToCartArea .productNavigateArea .productNavigatePlus {
    height: 26.5px;
    font-size: 10px;
  }
}
.productItemWrapper .productItem .itemDetail .quantityToAddToCartArea .productNavigateArea .productNavigateMinus.isDisable, .productItemWrapper .productItem .itemDetail .quantityToAddToCartArea .productNavigateArea .productNavigatePlus.isDisable {
  pointer-events: none;
}
.productItemWrapper .productItem .itemDetail .quantityToAddToCartArea .productNavigateArea .productNavigateMinus:hover, .productItemWrapper .productItem .itemDetail .quantityToAddToCartArea .productNavigateArea .productNavigatePlus:hover {
  background: var(--darkGreenDark);
  color: var(--darkBlue);
  transition: all 0.2s ease-in-out 0s;
}
.productItemWrapper .productItem .itemDetail .quantityToAddToCartArea .productNavigateArea .productNavigateMinus:hover:before, .productItemWrapper .productItem .itemDetail .quantityToAddToCartArea .productNavigateArea .productNavigatePlus:hover:before {
  background: var(--darkGreen);
}
.lottery.productItemWrapper .productItem .itemDetail .quantityToAddToCartArea .productNavigateArea .productNavigateMinus:hover, .productItemWrapper .productItem .itemDetail .quantityToAddToCartArea .productNavigateArea .productNavigatePlus:hover {
  background: #248A50;
  color: #343891;
}
.lottery.productItemWrapper .productItem .itemDetail .quantityToAddToCartArea .productNavigateArea .productNavigateMinus:hover:before, .productItemWrapper .productItem .itemDetail .quantityToAddToCartArea .productNavigateArea .productNavigatePlus:hover:before {
  background: #4255d4;
}

.productItemWrapper .productItem .itemDetail .quantityToAddToCartArea .productNavigateArea .productNavigateMinus i, .productItemWrapper .productItem .itemDetail .quantityToAddToCartArea .productNavigateArea .productNavigatePlus i {
  pointer-events: none;
}
.productItemWrapper .productItem .itemDetail .quantityToAddToCartArea .productNavigateArea .productNavigateMinus:before, .productItemWrapper .productItem .itemDetail .quantityToAddToCartArea .productNavigateArea .productNavigatePlus:before {
  content: "";
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background: var(--cardBackground);
  position: absolute;
  top: 2px;
  left: 2px;
}
.lottery.productItemWrapper .productItem .itemDetail .quantityToAddToCartArea .productNavigateArea .productNavigateMinus:before, .productItemWrapper .productItem .itemDetail .quantityToAddToCartArea .productNavigateArea .productNavigatePlus:before {
  background: #343891;
}

.productItemWrapper .productItem .itemDetail .quantityToAddToCartArea .productNavigateArea .productNavigateMinus i, .productItemWrapper .productItem .itemDetail .quantityToAddToCartArea .productNavigateArea .productNavigatePlus i {
  position: relative;
}
.productItemWrapper .productItem .itemDetail .quantityToAddToCartArea .productNavigateArea .productNavigateMinus {
  clip-path: polygon(100% 0%, 100% 100%, 17px 100%, 0% calc(100% - 14px), 0 0);
}
.productItemWrapper .productItem .itemDetail .quantityToAddToCartArea .productNavigateArea .productNavigateMinus:before {
  clip-path: polygon(100% 0%, 100% 100%, 16px 100%, 0% calc(100% - 13px), 0 0);
}
.productItemWrapper .productItem .itemDetail .quantityToAddToCartArea .productNavigateArea .productNavigatePlus {
  clip-path: none;
}
.productItemWrapper .productItem .itemDetail .quantityToAddToCartArea .productNavigateArea .productNavigatePlus:before {
  clip-path: none;
}
.productItemWrapper .productItem .itemDetail .quantityToAddToCartArea .productNavigateArea .productNavigateInput {
  width: 33.3333333333%;
  height: 36.5px;
  border-top: 2px solid var(--borderColor);
  border-bottom: 2px solid var(--borderColor);
  font-size: 12px;
  font-weight: 600;
  color: var(--textColor);
  background: var(--background);
  line-height: 36.5px;
  text-align: center;
  border-left: none;
  border-right: none;
  border-radius: 0 !important;
  -moz-appearance: textfield;
}
.lottery.productItemWrapper .productItem .itemDetail .quantityToAddToCartArea .productNavigateArea .productNavigateInput {
  border-top: 2px solid #282B78;
  border-bottom: 2px solid #282B78;
}

@media (max-width: 1099px) {
  .productItemWrapper .productItem .itemDetail .quantityToAddToCartArea .productNavigateArea .productNavigateInput {
    height: 26.5px;
    line-height: 26.5px;
    font-size: 10px;
  }
}
.productItemWrapper .productItem .itemDetail .quantityToAddToCartArea .productNavigateArea .productNavigateInput:focus {
  outline: none;
  box-shadow: none;
}
.productItemWrapper .productItem .itemDetail .quantityToAddToCartArea .productNavigateArea .productNavigateInput::-webkit-outer-spin-button, .productItemWrapper .productItem .itemDetail .quantityToAddToCartArea .productNavigateArea .productNavigateInput::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: textfield;
  margin: 0;
}
.productItemWrapper .productItem .itemDetail .quantityToAddToCartArea .quantityToAddToCartButton {
  width: 30px;
  padding: 13px 0;
  clip-path: none;
  background: #157b2a;
  color: #fff;
}
.lottery.productItemWrapper .productItem .itemDetail .quantityToAddToCartArea .quantityToAddToCartButton {
  width: 70px;
}
@media (max-width: 1099px) {
  .lottery.productItemWrapper .productItem .itemDetail .quantityToAddToCartArea .quantityToAddToCartButton {
    width: 30px;
  }
}

@media (max-width: 1099px) {
  .productItemWrapper .productItem .itemDetail .quantityToAddToCartArea .quantityToAddToCartButton {
    padding: 7px 0;
  }
}
.productItemWrapper .productItem .itemDetail .quantityToAddToCartArea .quantityToAddToCartButton:before {
  clip-path: none;
  background: #28A745;
}
.productItemWrapper .productItem .itemDetail .quantityToAddToCartArea .quantityToAddToCartButton i {
  color: #fff;
}
.productItemWrapper .productItem .itemDetail .quantityToAddToCartArea .quantityToAddToCartButton:hover {
  background: #28A745;
  color: #fff;
}
.productItemWrapper .productItem .itemDetail .quantityToAddToCartArea .quantityToAddToCartButton:hover:before {
  background: #157b2a;
}
.productItemWrapper .productItem .itemDetail .quantityToAddToCartArea .quantityToAddToCartButton:hover i {
  color: #fff;
}
.productItemWrapper .productItem .itemDetail .quantityToAddToCartArea.buyNavigate {
  left: auto;
  right: 10px;
}
.productItemWrapper .productItem .itemDetail .quantityToAddToCartArea.buyNavigate .productNavigateArea .productNavigateMinus {
  clip-path: none;
}
.productItemWrapper .productItem .itemDetail .quantityToAddToCartArea.buyNavigate .productNavigateArea .productNavigateMinus:before {
  clip-path: none;
}
.productItemWrapper .productItem .itemDetail .quantityToAddToCartArea.buyNavigate .quantityToAddToCartButton {
  clip-path: polygon(calc(100% - 17px) 0%, 100% 14px, 100% 100%, 0% 100%, 0% 0%);
}
.productItemWrapper .productItem .itemDetail .quantityToAddToCartArea.buyNavigate .quantityToAddToCartButton:before {
  clip-path: polygon(calc(100% - 16px) 0%, 100% 13px, 100% 100%, 0% 100%, 0% 0%);
}
@media (max-width: 1099px) {
  .productItemWrapper .productItem .itemDetail .itemButtons {
    flex-wrap: wrap;
  }
  .productItemWrapper .productItem .itemDetail .itemButtons .buttonLeft {
    width: 100%;
    order: 2;
    padding: 5px;
  }
  .productItemWrapper .productItem .itemDetail .itemButtons .buttonRight {
    width: 100%;
    order: 1;
    padding: 5px;
  }
  .productItemWrapper .productItem .itemDetail .buttonRightSingle {
    padding: 5px;
  }
}
.productItemWrapper:hover {
  filter: drop-shadow(0 0px 15px rgba(0, 0, 0, 0.7));
  transition: all 0.3s;
}
.productItemWrapper .productModal {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 15px 10px 25px;
  z-index: 5;
}
.productItemWrapper .productModal:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: var(--cardBackground);
  clip-path: polygon(100% 0%, 100% 100%, 25px 100%, 0% calc(100% - 22px), 0% 0%);
}
.productItemWrapper .productModal .productModalBody {
  width: 100%;
  max-height: 278px;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.productItemWrapper .productModal .productModalBody.scrollAuto {
  padding-right: 5px;
}
@media (max-width: 576px) {
  .productItemWrapper .productModal .productModalBody {
    gap: 5px;
  }
  .productItemWrapper .productModal .productModalBody .productAddItem {
    padding: 5px 2px;
  }
  .productItemWrapper .productModal .productModalBody .productAddItemImage {
    display: none;
  }
  .productItemWrapper .productModal .productModalBody .productAddItemInfo {
    width: 100%;
  }
}
.productItemWrapper .productModal .productModalCloseButton {
  width: 20px;
  height: 20px;
  position: absolute;
  top: -5px;
  right: -5px;
  background: #343891;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
  font-size: 12px;
  line-height: 1;
}
.productItemWrapper .productModal .productModalCloseButton:hover {
  transform: scale(1.1);
  background: #282B78;
  transition: all 0.2s;
}
.productItemWrapper.productModalOpen:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  clip-path: polygon(100% 0%, 100% 100%, 25px 100%, 0% calc(100% - 22px), 0% 0%);
  z-index: 4;
}

body {
  --background: #181820;
  --backgroundRgbaZero: rgba(24,24,32,0);
  --backgroundDark: #111117;
  --backgroundDarkLightBlue: #111117;
  --backgroundDark2: #0c0c10;
  --cardBackground: #20212b;
  --cardBackgroundLight: #272834;
  --cardBackgroundDark: #1c1d26;
  --cardBackgroundRgba: rgba(32,33,43,0.6);
  --textColor: #C8C9D8;
  --placeholderColor: #abacb5;
  --borderColor: #333444;
  --borderColor2: #171822;
  --borderColor3: #0E0E14;
  --linkActiveColor: #4255d4;
  --hoverDark:#181820;
  --linkText: #C8C9D8;
  --darkGreen: #4255d4;
  --darkGreenDark: #248A50;
  --darkBlue: #343891;
  --darkBlueDark: #282B78;
  --darkBluelightWhite: #343891;
  --otherColor1: #1b1c26;
  background: var(--background);
  font-family: "Wix Madefor Display", sans-serif;
  font-size: 14px;
  color: var(--textColor);
}
body.light {
  --background: #eeeeee;
  --backgroundDark: #dddddd;
  --backgroundDarkLightBlue: #343891;
  --backgroundDark2: #bbbbbb;
  --cardBackground: #fff;
  --cardBackgroundLight: #f2f2f2;
  --cardBackgroundDark: #dbdbdb;
  --cardBackgroundRgba: rgba(255,255,255,0.6);
  --textColor: #212529;
  --placeholderColor: #212529;
  --borderColor: #e5e5e5;
  --borderColor2: #8b8989;
  --borderColor3: #bbbbbb;
  --linkActiveColor: #343891;
  --hoverDark:#eeeeee;
  --linkText: #343891;
  --darkGreen: #343891;
  --darkGreenDark: #248A50;
  --darkBlue: #4255d4;
  --darkBlueDark: #282B78;
  --darkBluelightWhite: #fff;
  --otherColor1: #f1f1f1;
  background: var(--background);
  color: var(--textColor);
}
body a {
  text-decoration: none;
}

.productItemMobileWrapper {
  width: 100%;
  position: relative;
  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
  transition: all 0.3s;
  z-index: 4;
}
.productItemMobileWrapper .productItemMobile {
  width: 100%;
  position: relative;
}
.productItemMobileWrapper .productItemMobile .itemFavButton {
  width: 16px;
  height: 16px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 8px;
  background: #4255d4;
  color: #343891;
  border-radius: 50%;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.4);
  z-index: 3;
  transition: all 0.2s;
}
.productItemMobileWrapper .productItemMobile .itemFavButton:hover {
  transform: scale(1.2);
  transition: all 0.2s;
}
.productItemMobileWrapper .productItemMobile .itemFavDeleteButton {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 10px;
  right: 10px;
  display: none;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  background: #c3141b;
  color: #fff;
  border-radius: 50%;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.4);
  z-index: 3;
  transition: all 0.2s;
}
.productItemMobileWrapper .productItemMobile .itemFavDeleteButton:hover {
  transform: scale(1.2);
  transition: all 0.2s;
}
.productItemMobileWrapper .productItemMobile .itemDetail {
  width: 100%;
  position: relative;
  padding: 10px;
  z-index: 2;
}
.productItemMobileWrapper .productItemMobile .itemDetail:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--cardBackground);
  clip-path: polygon(100% 0%, 100% 100%, 25px 100%, 0% calc(100% - 22px), 0% 0%);
}
.vertical.productItemMobileWrapper .productItemMobile .itemDetail:before {
  clip-path: polygon(100% 0%, 100% calc(100% - 22px), calc(100% - 25px) 100%, 0% 100%, 0% 0%);
}

.productItemMobileWrapper .productItemMobile .itemDetail .itemHeader {
  width: 100%;
  position: relative;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--borderColor3);
  display: flex;
  justify-content: space-between;
}
.productItemMobileWrapper .productItemMobile .itemDetail .itemHeader .itemImage {
  width: 50px;
  position: relative;
}
.productItemMobileWrapper .productItemMobile .itemDetail .itemHeader .itemImage img {
  width: 100%;
  position: relative;
  z-index: 1;
}
.productItemMobileWrapper .productItemMobile .itemDetail .itemHeader .itemTitle {
  width: calc(100% - 50px);
  padding-left: 5px;
}
.productItemMobileWrapper .productItemMobile .itemDetail .itemHeader .itemTitle h3 {
  font-size: 10px;
  font-weight: 700;
  color: var(--textColor);
  margin: 0;
}
.productItemMobileWrapper .productItemMobile .itemDetail .itemHeader .itemTitle span {
  font-size: 10px;
  color: var(--darkGreen);
  display: block;
}
.productItemMobileWrapper .productItemMobile .itemDetail .productCounter {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  background: var(--backgroundDark);
  padding: 5px 0;
  border-radius: 3px;
  margin-top: 5px;
}
@media (max-width: 576px) {
  .productItemMobileWrapper .productItemMobile .itemDetail .productCounter {
    width: auto;
    position: absolute;
    top: -35px;
    left: 50%;
    transform: translateX(-50%);
    padding: 5px;
  }
  .lottery.productItemMobileWrapper .productItemMobile .itemDetail .productCounter {
    width: 100%;
    position: relative;
    top: auto;
    left: auto;
    transform: translateX(0);
  }
}
.detailView.productItemMobileWrapper .productItemMobile .itemDetail .productCounter {
  width: auto;
  padding: 5px 10px;
}

.lottery.productItemMobileWrapper .productItemMobile .itemDetail .productCounter {
  margin-top: 10px;
}
@media (max-width: 1099px) {
  .lottery.productItemMobileWrapper .productItemMobile .itemDetail .productCounter {
    margin-top: 5px;
  }
}

.productItemMobileWrapper .productItemMobile .itemDetail .productCounter .counterIcon {
  font-size: 15px;
  color: var(--darkGreen);
}
@media (max-width: 1099px) {
  .productItemMobileWrapper .productItemMobile .itemDetail .productCounter .counterIcon {
    display: none;
  }
}
.productItemMobileWrapper .productItemMobile .itemDetail .productCounter .counterCounterItem {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
@media (max-width: 1099px) {
  .productItemMobileWrapper .productItemMobile .itemDetail .productCounter .counterCounterItem {
    gap: 2px;
  }
}
.productItemMobileWrapper .productItemMobile .itemDetail .productCounter .counterCounterItem .counterNumber {
  font-size: 13px;
  font-weight: 700;
  color: var(--textColor);
}
@media (max-width: 1099px) {
  .productItemMobileWrapper .productItemMobile .itemDetail .productCounter .counterCounterItem .counterNumber {
    font-size: 10px;
  }
}
.productItemMobileWrapper .productItemMobile .itemDetail .productCounter .counterCounterItem .counterNumberInfo {
  font-size: 8px;
  font-weight: 400;
  color: var(--textColor);
}
.productItemMobileWrapper .productItemMobile .itemDetail .itemInfo {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 5px 0 0 0;
}
.productItemMobileWrapper .productItemMobile .itemDetail .itemInfo .priceLabel {
  font-size: 14px;
  font-weight: 600;
  color: var(--textColor);
}
@media (max-width: 576px) {
  .productItemMobileWrapper .productItemMobile .itemDetail .itemInfo .priceLabel {
    font-size: 11px;
    line-height: 1;
  }
}
.productItemMobileWrapper .productItemMobile .itemDetail .itemInfo .itemPrice {
  font-size: 15px;
  font-weight: 800;
  color: var(--darkGreen);
  display: inline-flex;
  flex-direction: column;
  align-items: flex-end;
  line-height: 1;
  gap: 2px;
}
.productItemMobileWrapper .productItemMobile .itemDetail .itemInfo .itemPrice .oldPrice {
  display: inline-block;
  font-size: 12px;
  color: #e3b21a;
  position: relative;
}
.productItemMobileWrapper .productItemMobile .itemDetail .itemInfo .itemPrice .oldPrice:before {
  content: "";
  width: 100%;
  height: 0;
  border-bottom: 2px solid #c3141b;
  position: absolute;
  top: 50%;
  left: 0;
  transform: rotate(5deg);
}
.productItemMobileWrapper .productItemMobile .itemDetail .itemInfo .itemPrice .desc {
  font-size: 9px;
  color: #e3b21a;
  font-weight: 400;
}
@media (max-width: 1099px) {
  .productItemMobileWrapper .productItemMobile .itemDetail .itemInfo .commentStats {
    font-size: 10px;
  }
  .productItemMobileWrapper .productItemMobile .itemDetail .itemInfo .commentStats .stars {
    font-size: 10px;
  }
}
.productItemMobileWrapper .productItemMobile .itemDetail .itemPriceInfo {
  align-items: flex-start;
  font-size: 12px;
  font-weight: 600;
  position: absolute;
  left: 15px;
  top: -45px;
  padding: 5px 10px;
  border-radius: 3px;
  background: #272834;
  color: #C8C9D8;
  line-height: 1;
  gap: 2px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
.productItemMobileWrapper .productItemMobile .itemDetail .itemPriceInfo .desc {
  font-size: 10px;
  color: #C8C9D8;
  font-weight: 800;
}
@media (max-width: 1099px) {
  .productItemMobileWrapper .productItemMobile .itemDetail .itemPriceInfo {
    padding: 5px 5px;
    left: 6px;
    top: -24px;
    font-size: 10px;
  }
  .productItemMobileWrapper .productItemMobile .itemDetail .itemPriceInfo .desc {
    font-size: 9px;
  }
}
@media (max-width: 1099px) {
  .productItemMobileWrapper .productItemMobile .itemDetail .itemButtons .buttonLeft {
    padding: 8px 5px;
  }
  .productItemMobileWrapper .productItemMobile .itemDetail .itemButtons .buttonRight {
    padding: 8px 5px;
  }
  .productItemMobileWrapper .productItemMobile .itemDetail .buttonRightSingle {
    padding: 5px;
  }
}
.productItemMobileWrapper:hover {
  filter: drop-shadow(0 0px 15px rgba(0, 0, 0, 0.7));
  transition: all 0.3s;
}
.productItemMobileWrapper .productModal {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 15px 10px 25px;
  z-index: 5;
}
.productItemMobileWrapper .productModal:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: var(--cardBackground);
  clip-path: polygon(100% 0%, 100% 100%, 25px 100%, 0% calc(100% - 22px), 0% 0%);
}
.productItemMobileWrapper .productModal .productModalBody {
  width: 100%;
  max-height: 278px;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.productItemMobileWrapper .productModal .productModalBody.scrollAuto {
  padding-right: 5px;
}
@media (max-width: 576px) {
  .productItemMobileWrapper .productModal .productModalBody {
    gap: 5px;
  }
  .productItemMobileWrapper .productModal .productModalBody .productAddItem {
    padding: 5px 2px;
  }
  .productItemMobileWrapper .productModal .productModalBody .productAddItemImage {
    display: none;
  }
  .productItemMobileWrapper .productModal .productModalBody .productAddItemInfo {
    width: 100%;
  }
}
.productItemMobileWrapper .productModal .productModalCloseButton {
  width: 20px;
  height: 20px;
  position: absolute;
  top: -5px;
  right: -5px;
  background: #343891;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
  font-size: 12px;
  line-height: 1;
}
.productItemMobileWrapper .productModal .productModalCloseButton:hover {
  transform: scale(1.1);
  background: #282B78;
  transition: all 0.2s;
}
.productItemMobileWrapper.productModalOpen:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  clip-path: polygon(100% 0%, 100% 100%, 25px 100%, 0% calc(100% - 22px), 0% 0%);
  z-index: 4;
}