/* ANCHOR Prod List */
/* #region Product List */
.discountsPercent,
.Detail .DiscountsPercent {
  position: absolute;
  background: url(/Portals/0/Images/discount-badge.png) no-repeat center;
  display: block;
  top: 1.5rem;
  left: -12px;
  width: 98px;
  height: 38px;
  z-index: 2;
  background-size: cover;
}

.Detail .DiscountsPercent {
  left: unset;
  top: 1.5rem;
  right: -12px;
  scale: -1;
}

.Detail .DiscountsPercent span {
  scale: -1;
  translate: 12px 2px !important;
}

.discountsPercent span,
.Detail .DiscountsPercent span {
  translate: 0 4px;
  display: block;
  font-size: var(--fz-sm);
  color: #fff;
}

.ProductList__Main {
  --col-desktop: 3;
  --col-tablet: 3;
  --col-mobile: 1;

  display: grid !important;
  grid-template-columns: repeat(var(--col-desktop), 1fr);
  row-gap: 1rem;
  column-gap: 1.5rem;
}

@media (max-width: 991px) {
  .ProductList__Main .discountsPercent {
    width: 78px;
    height: 33px;
    left: unset;
    right: -12px;
    scale: -1;
  }

  .ProductList__Main {
    left: unset;
    right: -12px;
  }

  .ProductList__Main .discountsPercent span {
    rotate: 180deg;
    translate: 0 2px;
  }
}

.rating {
  float: unset;
}

.productList__Card_Wrapper {
  border-radius: var(--border-radius);
  background: #fff;
  transition: var(--transition);
  padding: 1rem;
  z-index: 1;
}

.productList__Card_Hover {
  padding-top: 22px;
  padding-bottom: 12px;
  font-size: var(--fz-md);
  text-align: center;
  background-color: var(--mc1);
  color: #fff;
  font-weight: 600;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  position: relative;
  translate: 0 -60px;
  transition: var(--transition);
}

:is(.relatedPro, .home_sale_prod) .productList__Card_Hover {
  translate: -0.75rem -60px;
  width: calc(100% - 1.5rem);
}

.productList__Card {
  position: relative;
}

.productList__Card:hover .productList__Card_Hover {
  translate: 0 -10px;
}

:is(.relatedPro, .home_sale_prod)
  .productList__Card:hover
  .productList__Card_Hover {
  translate: -0.75rem -10px;
}

.productList__Card__Title a img {
  display: inline;
}

.relatedPro .productList__Card_Wrapper {
  margin-inline: 0.75rem;
}

.productList__Card_Wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  height: 100%;
}

.productList__Card__ImgBox img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  clip-path: polygon(
    0% 0%,
    3% 6px,
    7% 0%,
    10% 6px,
    13% 0%,
    16% 6px,
    19% 0%,
    22% 6px,
    25% 0%,
    28% 6px,
    31% 0%,
    34% 6px,
    37% 0%,
    40% 6px,
    43% 0%,
    46% 6px,
    49% 0%,
    52% 6px,
    55% 0%,
    58% 6px,
    61% 0%,
    64% 6px,
    67% 0%,
    70% 6px,
    73% 0%,
    76% 6px,
    79% 0%,
    82% 6px,
    85% 0%,
    88% 6px,
    91% 0%,
    94% 6px,
    97% 0%,
    100% 6px,
    100% calc(100% - 6px),
    97% 100%,
    94% calc(100% - 6px),
    91% 100%,
    88% calc(100% - 6px),
    85% 100%,
    82% calc(100% - 6px),
    79% 100%,
    76% calc(100% - 6px),
    73% 100%,
    70% calc(100% - 6px),
    67% 100%,
    64% calc(100% - 6px),
    61% 100%,
    58% calc(100% - 6px),
    55% 100%,
    52% calc(100% - 6px),
    49% 100%,
    46% calc(100% - 6px),
    43% 100%,
    40% calc(100% - 6px),
    37% 100%,
    34% calc(100% - 6px),
    31% 100%,
    28% calc(100% - 6px),
    25% 100%,
    22% calc(100% - 6px),
    19% 100%,
    16% calc(100% - 6px),
    13% 100%,
    10% calc(100% - 6px),
    7% 100%,
    3% calc(100% - 6px),
    0% 100%,
    0% calc(100% - 6px)
  );
}

.productList__Card__Title {
  margin-top: 1rem;
  text-align: right;
  color: var(--tc1);
  font-weight: 600;
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0.5rem;
  font-size: var(--fz-md);
  line-height: 24px;
}

.productList__Card__Content {
  text-align: right;
}

.productList__Ref {
  font-size: var(--fz-sm);
  color: var(--mc1);
  margin-bottom: 8px;
}

.productList__Extra {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1rem;
  font-size: 13px;
}

.productList__Extra p {
  font-weight: 400;
  color: var(--mc1);
}

.productList__Card__PriceBox {
  color: #000 !important;
  font-size: var(--fz-md);
}

.productList__Card__FinalPrice {
  color: #000 !important;
  font-weight: 700;
  font-size: var(--fz-md);
  margin-right: 4px;
  display: flex;
  align-items: center;
}

.productList__Card__FinalPrice img {
  margin-right: 8px;
}

.productList__Card__OutOfStock {
  text-align: left;
  color: var(--tc2);
}

.productList__Card__PriceBox {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.productList__Card__FinalPrice {
  font-weight: bold;
  color: var(--mc1);
}

.productList__Card__OldPrice {
  color: var(--bw-fade-4);
  position: relative;
  font-size: 0.75rem !important;
  margin-left: 0.5rem;
  font-size: 1rem !important;
  margin-right: 6px;
  text-decoration: unset;
}

.productList__Card__OldPrice::before,
.Detail .OldPrice::before {
  content: "";
  position: absolute;
  width: 90%;
  height: 1px;
  background-color: #d70000;
  top: 40%;
  left: 10%;
  rotate: 348deg;
}

.productList .draggable {
  margin: 0 -0.75rem;
}

:is(.relatedPro, .home_sale_prod) .slick-arrow {
  top: -2.5rem !important;
}

:is(.relatedPro, .home_sale_prod) .slick-arrow.slick-next {
  left: 0 !important;
}

.RelatedOuter .discountsPercent {
  color: #fff;
}

.RelatedOuter .discountsPercent::before {
  content: "تخفیف:";
  font-size: 1rem;
  color: #fff;
  margin-right: 10px;
}

.productList__Card .timerCountainer {
  position: absolute;
  top: 1.5rem;
  left: 4.25rem;
  background-color: #fff;
  padding: 0 0.25rem;
  border-radius: 5px;
  color: #bc2f3b;
  font-size: 12px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 2px;
  z-index: 99;
  height: 20px;
}

.productList__Card .timerCountainer span {
  width: 17px;
  height: 20px;
}

.productList__Card .discountsPercent {
  display: flex;
  justify-content: center;
  gap: 2px;
  height: 30px;
  width: 70px;
  background: url(/Portals/0/Images/discount-badge-small.png) no-repeat center;
  background-size: cover;
}

.productList__Card .discountsPercent span {
  font-size: 12px;
  color: #fff;
}

.productList__Card .discountsPercent span:first-child {
  font-weight: 300;
  line-height: 13px;
}

.productList__Card .discountsPercent span:last-child {
  font-weight: 700;
  line-height: 16px;
}

@media (max-width: 991px) {
  .RelatedOuter .discountsPercent::before {
    font-size: 12px;
    margin-right: 10px;
  }

  .productList__Card .timerCountainer {
    left: 62px;
  }
}

:is(.relatedPro, .home_sale_prod) .slick-prev.slick-arrow {
  right: unset !important;
  left: 2.5rem !important;
}

.slick-slider .slick-arrow::before {
  background: #02432f80;
}

.slick-slider .slick-arrow:hover::before {
  background: #02432f;
}

@media (max-width: 991px) {
  .ProductList__Main {
    grid-template-columns: repeat(var(--col-tablet), 1fr);
  }

  .SCat-Nav.categoryStyle {
    margin-inline: calc(50% - 50vw);
  }

  .SCat-Nav.categoryStyle .SCat-Main {
    padding-inline: 1rem;
  }

  .blogListSlider .mainArticleWrapper,
  .blogRelated .related {
    overflow-x: auto !important;
    display: flex !important;
  }

  .productList__Card .productList__Card_Hover {
    /* translate: 0 -10px; */
    display: none;
  }

  .ProductList__Main .productList__Card_Wrapper {
    flex-direction: row;
  }

  .RelatedWrapper .productList__Card_Wrapper {
    flex-direction: column;
    max-width: 275px;
    margin-inline: auto;
  }

  .RelatedWrapper .productList__Card__Title {
    margin-top: 14px !important;
  }

  .RelatedWrapper .productList__Card__ImgBox {
    max-width: unset;
    padding-inline: initial;
  }

  .productList__Ref {
    display: none;
  }

  .ProductList__Main .productList__Card__ImgBox {
    max-width: 35%;
    padding-inline: 0.5rem;
  }

  .productList__Card__Content {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* align-items: stretch; */
  }

  .productList__Card__Title {
    margin-top: 0 !important;
  }
}

@media (max-width: 480px) {
  .ProductList__Main {
    grid-template-columns: repeat(var(--col-mobile), 1fr);
    margin-top: 2rem;
  }
}

/* #endregion */

/* ANCHOR Prod List Sort */
/* #region Prod List Sort */
.ddlSortCatalogue {
  min-width: 110px !important;
  border: 1px solid var(--mc1) !important;
  border-radius: var(--border-radius) !important;
  position: absolute;
  top: 20px;
  left: 1rem !important;
  width: auto;
  color: var(--mc1);
  font-size: 14px;
  font-weight: 900;
  background-color: transparent !important;
}

.ddlSortCatalogue > option {
  color: var(--mc2);
}

.prod-side-banner {
  background-image: url(/Portals/0/Images/prodList-banner.png);
  background-size: cover;
  border-radius: 15px;
  /* margin-bottom: 2rem; */
  padding-top: 1rem;
  padding-bottom: 1.375rem;
}

@media (max-width: 991px) {
  .prod-side-banner {
    display: none;
  }
}

.prod-side-banner a {
  margin-top: 1.3125rem;
  display: block;
}

.prod-side-banner a img {
  transition: var(--transition);
}

.prod-side-banner a:hover img {
  translate: -5px;
}

/* #endregion */

/* ANCHOR Prod list Filter */
/* #region Filter */

/* remove the filter title bar in mobile */
@media (max-width: 991px) {
  .WBContainer_Sidebar:has(.side_Prod_Filter) .Title_Sidebar_Text {
    display: none;
  }
}

.side-filter-wrap h3,
.sectionTtl1 {
  margin-bottom: 1.5rem !important;
  font-size: 2rem !important;
  font-weight: 300 !important;
  text-align: center;
}

.side-filter-wrap h3,
.sectionTtl-related {
  margin-bottom: 1.5rem !important;
  font-size: 2rem !important;
  font-weight: 300 !important;
  text-align: right;
}

@media (max-width: 991px) {
  .sectionTtl1 {
    margin-bottom: 2.5rem !important;
    font-size: 1.5rem !important;
  }
}

:is(.side-filter-wrap h3, .sectionTtl1) span,
:is(.side-filter-wrap h3, .sectionTtl-related) span {
  font-weight: 700;
}

.Detail .WBContainer_Title1.col-lg-9 {
  padding: 0 !important;
}

@media (max-width: 991px) {
  .side-filter-wrap {
    display: none;
  }
}

.FilterAvailability {
  padding: 12px 19px !important;
}

.FilterAvailability label::after {
  content: "";
  right: 0 !important;
}

.FilterAvailability input {
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  visibility: hidden;
}

.FturLable,
.lblPriceFilter,
.LblColorFilter,
.LblBrandFilter,
.LblSizeFilter {
  font-weight: 400;
  display: block;
  padding: 0.75rem 1rem !important;
  border-bottom: unset;
  color: var(--tc1);
  font-size: var(--fz-md);
}

.filter-wrap .TablePanel {
  padding: 0 !important;
  border: none !important;
}

div[id$="FilterProducts_FilterItemPanle"] table td label:after,
.DivBrandFilter label:after,
.DivSizeFilter label::after,
.DivColorFilter label::after,
.FilterAvailability label::after {
  right: 25px;
  border-radius: 5px;
  border: 2px solid #becec9;
  background-color: #fff;
  background-size: 20px;
  background-position: 0 0;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  z-index: 2;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  transition: all 200ms ease-in;
}

div[id$="FilterProducts_FilterItemPanle"] table td input:checked ~ label:after,
.DivBrandFilter input:checked ~ label:after,
.DivSizeFilter input:checked ~ label:after,
.DivColorFilter input:checked ~ label:after,
.FilterAvailability input:checked ~ label:after {
  background-color: var(--mc1);
  border-color: var(--mc1);
}

:is(
    div[id$="FilterProducts_FilterItemPanle"],
    .DivBrandFilter,
    .DivSizeFilter,
    .DivColorFilter,
    .FilterAvailability
  )
  label {
  padding: 1rem 60px !important;
  font-size: var(--fz-md) !important;
  background-color: transparent !important;
  margin: 0 !important;
  width: 100% !important;
  color: var(--mc1) !important;
  border-radius: 10px;
  transition: var(--transition);
}

@media (min-width: 991px) {
  :is(
      div[id$="FilterProducts_FilterItemPanle"],
      .DivBrandFilter,
      .DivSizeFilter,
      .DivColorFilter,
      .FilterAvailability
    )
    label:hover {
    background-color: #ebf0ee !important;
  }
}

.DivColorFilter input:checked ~ label:after {
  width: 16px;
  height: 16px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 0;
  border: 1px solid var(--mc1);
}

div[id$="FilterProducts_FilterItemPanle"] table td input:checked ~ label:before,
.DivBrandFilter input:checked ~ label:before,
.DivSizeFilter input:checked ~ label:before {
  display: none;
}

.FturLable i.fa,
.FilterColorPanel i.fa,
.FilterBrandPanel i.fa,
.FilterSizePanel i.fa {
  top: 22px;
  left: 0 !important;
  transform: translate(0, -50%);
  height: auto;
  font-size: 16px;
  color: var(--mc2);
  position: absolute;
  z-index: 1;
}

.PriceFilter .DivPriceFilter {
  margin-bottom: 12px;
}

.price-max-range {
  font-size: 14px;
}

.PriceFilter .lblPriceFilter {
  margin-bottom: 6px;
  font-weight: bold;
  display: block;
  padding: 6px 0 !important;
  border-bottom: 1px solid #d6d9dd;
}

div[id$="FilterProducts_FilterItemPanle"] table td,
.filter-wrap .TablePanel {
  background-color: transparent;
}

@media (max-width: 991px) {
  .side_filter__Wrapper {
    padding-block: 0.75rem;
  }

  .side_filter__Wrapper > .heading_wrapper {
    display: none;
  }
}

/* .sideProductList .SCat-have-sub-menu {
    display: flex;
    justify-content: space-between;
} */

.SCat-have-sub-menu {
  position: relative;
}

.CatagoryArrow {
  position: absolute;
  left: 0;
  top: 0;
  width: 75%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 6px;
  padding-block: 8px;
  padding-right: 20px;
  border-top-left-radius: 124px;
  border-bottom-left-radius: 124px;
  transition: var(--transition);
  cursor: pointer;
}

.sideProductList .SCat-Main .SCat-have-sub-menu .SCat-sub-menu a {
  padding-right: 0;
}

@media (max-width: 991px) {
  .sideProductList {
    margin-bottom: 2rem;
  }
}

.sideProductList .SCat-Main .SCat-have-sub-menu li {
  list-style: disc;
}

.sideProductList .SCat-sub-menu a {
  color: var(--tc3);
  font-size: 1rem;
}

.sideProductList .SCat-sub-menu a:hover {
  color: var(--tc2);
}

.sideProductList .SCat-Main .SCat-have-sub-menu.open > a {
  background: var(--mc2);
  margin-bottom: 0.5rem;
}

/* .sideProductList .SCat-Main .SCat-have-sub-menu.open > .CatagoryArrow {
    background: #fff;
} */

.sideProductList ul.SCat-sub-menu {
  padding-right: 2rem;
  padding-bottom: 10px;
  border-bottom: 1px solid transparent;
}

.sideProductList .SCat-Main .SCat-have-sub-menu > .CatagoryArrow i {
  color: #888888;
}

.sideProductList .SCat-Main .SCat-have-sub-menu.open > .CatagoryArrow i {
  transition: var(--transition);
  color: #3a4d83;
}

.sideProductList .SCat-Main .SCat-have-sub-menu.open > .CatagoryArrow i {
  transform: rotate(180deg);
  transition: var(--transition);
}

.sideProductList .SCat-Main .SCat-have-sub-menu .SCat-have-sub-menu > a {
  padding-right: 0;
  padding-block: 0;
  background-color: transparent;
  background: transparent;
}

.sideProductList
  .SCat-Main
  .SCat-have-sub-menu
  .SCat-have-sub-menu
  .CatagoryArrow {
  background: transparent;
  margin-top: 0;
}

.sideProductList
  .SCat-Main
  .SCat-have-sub-menu.open
  .SCat-have-sub-menu
  ul.SCat-sub-menu {
  border-bottom: unset;
}

.sideProductList
  .SCat-Main
  .SCat-have-sub-menu.open
  .SCat-have-sub-menu
  ul.SCat-sub-menu
  li {
  position: relative;
}

.sideProductList
  .SCat-Main
  .SCat-have-sub-menu.open
  .SCat-have-sub-menu
  ul.SCat-sub-menu
  li::before {
  content: "";
  position: absolute;
  right: -10px;
  width: 7px;
  top: 50%;
  height: 11px;
  translate: 50% -100%;
  background: url("/portals/0/Images/li.svg") no-repeat;
}

.sideProductList
  .SCat-Main
  .SCat-have-sub-menu.open
  .SCat-have-sub-menu
  ul.SCat-sub-menu
  li:hover::before {
  filter: grayscale(1) brightness(0) contrast(5);
}

.sideProductList ul.SCat-sub-menu li {
  padding-bottom: 6px;
}

.CatagoryArrow .fa-chevron-down {
  translate: 16px 0;
}

.sideProductList .title {
  border-bottom: 1px solid #d6d9dd;
  margin: 0 15px 15px;
  padding: 6px 0;
}

.FilterItemBox {
  border: unset;
  padding: 0;
}

#FilterColorPanel,
#FilterSizePanel,
#FilterBrandPanel {
  display: none;
}

.FilterAvailability {
  margin-inline: 1rem !important;
}

.lblPriceFilter.active .fa.fa-chevron-down {
  rotate: 180deg;
}

.PriceFilter .lblPriceFilter,
.FturLable {
  padding-bottom: 1rem;
  color: var(--tc1);
  font-weight: 700;
  border-bottom: 0 !important;
  font-size: 1rem;
}

.PriceFilter,
.FilterItemBox {
  border-bottom: 2px solid #fff !important;
  border-radius: 0 !important;
}

.filter-wrap .submit-btn {
  margin-top: 1rem;
  padding-inline: 1rem;
}

@media (min-width: 992px) {
  .filter-wrap .TablePanel {
    padding-bottom: 1rem;
    display: block !important;
    margin-inline: 0 !important;
  }
}

.FturLable i.fa {
  width: fit-content;
  padding: 0;
  translate: 0 8px;
}

.FturLable i.fa::before {
  font-weight: 900;
}

.FturLable .fa::before {
  content: "";
  font-weight: 900;
  background: url(/Portals/0/Images/chev-down.svg) no-repeat !important;
  width: 1rem;
  height: 8px;
  display: block;
  transition: var(--transition);
}

.FturLable .fa.fa-angle-down::before {
  rotate: 180deg;
}

/* .DnnModule-NB_Store_ProductList {
    height: 100%;
} */

.prod_List_Main .productList__Card__ImgBox img {
  width: 100%;
}

.prod_Filter__Wrapper {
  position: relative;
}

@media (min-width: 991px) {
  .prod_Filter__Wrapper {
    padding-top: 2.5rem;
  }
}

.prod_Filter__Wrapper::before {
  content: "";
  position: absolute;
  width: calc(2rem + 100%);
  height: 1.5rem;
  top: -1.5rem;
  left: -1rem;
  background-color: #fff;
}

:is(
    .FturLable,
    .FilterColorPanel,
    .FilterBrandPanel,
    .FilterSizePanel,
    .lblPriceFilter
  )
  i.fa {
  top: 16px !important;
  left: 8px !important;
  height: auto;
  font-size: 1.35rem;
  color: var(--tc1);
  position: absolute;
  z-index: 1;
  padding: 0;
  transition: var(--transition);
  font-weight: 900;
  font-size: 0;
}

:is(
    .FturLable,
    .FilterColorPanel,
    .FilterBrandPanel,
    .FilterSizePanel,
    .lblPriceFilter
  )
  i.fa.angle-up {
  rotate: 180deg;
}

.PricefilterDiv {
  background: unset !important;
  padding-bottom: 0 !important;
}

.filter-wrap {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.FilterAvailability .tgl-btn {
  display: none;
}

.submit-btn {
  order: 6;
  margin-bottom: 1rem !important;
}

.DivColorFilter,
.DivBrandFilter,
.DivSizeFilter {
  background-color: transparent;
  border: none;
  margin-top: 0;
  /* display: none; */
  padding: 0 !important;
}

.TablePanel,
.DivColorFilter,
.DivBrandFilter,
.DivSizeFilter,
.TablePanel {
  overflow-y: auto;
  max-height: 315px;
  margin-inline: 1rem;
}

.DivBrandFilter::-webkit-scrollbar-thumb,
.TablePanel::-webkit-scrollbar-thumb {
  background-color: var(--mc1) !important;
  border-radius: 200px !important;
}

.DivBrandFilter::-webkit-scrollbar,
.TablePanel::-webkit-scrollbar {
  width: 10px !important;
}

.DivBrandFilter::-webkit-scrollbar-track,
.TablePanel::-webkit-scrollbar-track {
  background-color: #f1f1f1 !important;
}

.DivBrandFilter::-webkit-scrollbar-button,
.TablePanel::-webkit-scrollbar-button {
  display: none !important;
}

.filter-close .FilterItemBox {
  margin: 0 0 8px;
}

.filter-head {
  padding-left: 15px;
  padding-right: 15px;
}

.DivColorFilter > div {
  display: inline-block;
  width: 100%;
}

.FilterItemPanle {
  display: contents;
}

@media (max-width: 991px) {
  .filter-wrap {
    display: none;
  }
}

/* filter orders */
/* #region order of filters */
.FilterItemBox {
  order: 2;
}

.FilterItemBox:first-of-type {
  order: 1;
}

.FilterColorPanel {
  order: 3;
}

div#FilterSizePanel {
  order: 3;
}

div#FilterBrandPanel {
  order: 3;
}

.submit-btn {
  order: 6;
}

.PriceFilter {
  order: 0;
}

.FilterItemPanle {
  order: 2;
}

/* #endregion */

.FilterItemBox:first-of-type .TablePanel {
  display: block;
  margin-inline: 0 !important;
}

.DivColorFilter input {
  width: 32px;
  height: 32px;
  order: 1;
  z-index: 2;
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
  visibility: hidden;
}

.filter-wrap .submit-btn input[type="submit"] {
  width: fit-content;
  margin-inline: auto !important;
  color: var(--mc1) !important;
  border-radius: 10px;
  font-size: 1rem;
  line-height: 24px;
  padding: 0.5rem 1rem;
  background-color: transparent;
  cursor: pointer;
  user-select: none;
  border: 1px solid var(--mc1);
  transition: var(--transition);
  margin: 0;
}

.filter-wrap .submit-btn input[type="submit"]:hover {
  background-color: var(--mc1) !important;
  color: #fff !important;
}

.filter-close {
  background: #fff !important;
}

@media (max-width: 991px) {
  .filter-wrap .submit-btn input[type="submit"] {
    background-color: var(--mc1) !important;
    color: #fff !important;
    border-radius: 0.625rem !important;
    padding-block: 12px !important;
  }
}

.filter-close .submit-btn input[type="submit"] {
  border-radius: 0;
  width: 100%;
}

.filter-mobile-nav {
  border-radius: 0;
  overflow: hidden;
  color: var(--mc1);
  text-align: right;
  width: fit-content;
  padding-inline: 1rem;
  padding-block: 0.5rem;
  background: transparent;
  border: 1px solid var(--mc1);
  transition: var(--transition);
  border-radius: 10px;
  margin-bottom: 1.5rem;
}

.filter-mobile-nav .img {
  width: 18px;
  height: 16px;
}

.mb_Filter__Wrapper {
  border: 1px solid #fff;
  border-right-color: transparent;
  border-top-left-radius: 150px;
  border-bottom-left-radius: 150px;
  padding-block: 1rem;
}

.mb_Filter__Wrapper span {
  font-size: 1rem;
  color: #000;
  padding-right: 1rem;
}

.filter-mobile-nav i {
  top: 50%;
  translate: 0 -50%;
  padding-left: 1rem;
}

.nofilter .DnnModule-WB_FilterProducts {
  display: none;
}

.categoryMsg__Wrapper {
  background-color: white;
  border-radius: var(--border-radius);
  border: 1px solid #d6d9dd;
  margin-bottom: 2rem;
  padding: 1.5rem;
}

.categoryMsg__Wrapper .title_Md2 {
  color: var(--mc1);
  font-size: 20px;
}

.categoryMsg__Wrapper .showmore-button {
  font-weight: bold;
  font-size: 14px;
}

.categoryMsg__Wrapper .showmore-button {
  margin-top: 2rem !important;
  text-align: center;
}

.colorBox .showmore-button i {
  margin: 0rem 0.5rem;
}

.colorBox .showmore-button {
  margin-top: 0.5rem;
  justify-content: center !important;
  align-items: center;
  border: solid 1px #d9d9d9;
}

/* #endregion */

/* ANCHOR Prod List Side Category */
/* #region Prod List Side Category */
@media (min-width: 992px) {
  :is(.categoryStyle, .FilterItemBox) {
    background-color: #fff;
    padding: 1rem !important;
    border-radius: 15px !important;
    box-shadow: 0px 2px 16px -5px #0000001a;
  }
}

.categoryStyle .SCat-Main li {
  display: block;
  color: var(--mc1) !important;
  padding: 1rem;
  transition: var(--transition);
  border-radius: 10px;
}

.categoryStyle .SCat-Main li a {
  font-size: 1rem !important;
  font-weight: 400 !important;
}

.categoryStyle .SCat-Main li.SCat-Active {
  background-color: var(--mc2);
}

@media (max-width: 991px) {
  .categoryStyle .SCat-Main {
    display: flex;
    overflow-y: auto;
    gap: 1rem;
  }

  .categoryStyle .SCat-Main li a {
    white-space: nowrap;
  }

  .categoryStyle .SCat-Main {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
  }

  .categoryStyle .SCat-Main::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari, and Opera */
  }

  .categoryStyle .SCat-Main li.SCat-Active {
    background: var(--mc1);
    color: #fff !important;
  }

  .categoryStyle .SCat-Main li {
    background: #ebf0ee;
    padding-inline: 8px;
    padding-block: 6px;
    border-radius: 5px;
  }

  #dnn_ProductRightThreePane:has(.sideProductList) {
    height: 4.25rem;
  }

  .categoryStyle .SCat-Main li a {
    font-size: 0.875rem;
  }
}

@media (min-width: 992px) {
  .sideProductList {
    margin-bottom: 1.5rem;
  }
}

/* .categoryStyle .SCat-Main li > a::before {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--tc2);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: var(--transition);
} */

/* .categoryStyle .SCat-Main li > a:hover {
    color: var(--tc1);
} */

/* .categoryStyle .SCat-Main li > a:hover::before {
    background: var(--tc1);
} */

/* .categoryStyle .SCat-Main > li.SCat-have-sub-menu > ul.open-sub {
    display: block !important;
    background-color: white;
} */

/* .categoryStyle li:not(.SCat-Active, .SCat-ActiveParent),
.categoryStyle .SCat-Active > a,
.categoryStyle .SCat-ActiveParent > a {
    display: none !important;
} */

/* .categoryStyle .SCat-Active > .SCat-sub-menu > li,
.categoryStyle .lastCategory li,
.categoryStyle .firstLayerCategory > li {
    display: block !important;
} */

/* #endregion */

/* ANCHOR Category Message */
/* #region Category Message */
.categoryMsg__Wrapper {
  background-color: white;
  border-radius: var(--border-radius);
  border: 1px solid #d6d9dd;
  margin-bottom: 2rem;
  padding: 1.5rem;
}

.categoryMsg__Wrapper .title_Md2 {
  color: var(--mc1);
  font-size: 20px;
}

.categoryMsg__Wrapper .showmore-button {
  font-weight: bold;
  font-size: 14px;
}

.categoryMsg__Wrapper .showmore-button {
  margin-top: 2rem !important;
  text-align: center;
}

/* #endregion  */

/* ANCHOR Prod Detail */
/* #region Prod Detail */
.priceAndBasket {
  border: 1px solid #d9d9d9;
  background: #f8f8f8;
  border-radius: var(--border-radius);
  padding: 1rem;
}

.priceAndBasket .brandimage__Wrapper {
  justify-content: center;
  max-height: 3rem;
  margin: 0rem 0rem 1rem;
}

.brandimage__Wrapper .brandimage__Wrapper_inner {
  background: white;
  border-radius: 5px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.priceAndBasket .brandimage__Wrapper img {
  max-height: 3rem;
  margin: 0.2rem;
}

.priceAndBasket .wishlsitBoxOut {
  border: 1px solid #d9d9d9;
  color: var(--mc1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--border-radius);
  padding: 0.5rem 1.5rem;
}

.Detail .cart-btn {
  width: 100%;
}

.priceAndBasket .old_prices {
  text-align: left;
  margin-bottom: 0.5rem;
}

.priceAndBasket .SalePriceBox {
  display: flex;
  justify-content: space-between;
  color: var(--mc1);
  font-weight: bold;
  align-items: center;
  margin-bottom: 1rem;
}

.Detail .old_prices.hidden {
  display: none !important;
}

.Detail .OldPrice {
  position: relative;
  color: var(--bw-fade-4);
  font-size: var(--fz-md);
}

.sellBox__Prices > span {
  font-weight: 700;
}

@media (max-width: 991px) {
  .product__Sell_Box .addBox {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 999;
    margin: 0;
    padding: 1rem;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    border-radius: var(--border-radius) var(--border-radius) 0 0;
  }

  .product__Sell_Box .SalePriceBox {
    margin-bottom: 0;
  }

  #NbStore-reminder .modalLeft {
    padding: 1rem !important;
  }

  .product__Gallery_secoundary {
    justify-content: flex-start !important;
  }

  .UlGroupListView li span:first-child {
    width: 25% !important;
  }
}

.priceAndBasket .addBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #ceced4;
  padding-top: 1rem;
  /* margin-bottom: 1rem; */
}

.priceAndBasket .addToCart > span {
  position: relative;
  display: block;
  width: fit-content;
  margin: 0 auto;
  padding-left: 2rem;
}

.priceAndBasket .addToCart > span {
  transition: var(--transition);
}

.priceAndBasket .addToCart > span::before {
  content: "";
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  mask-position: center;
  -webkit-mask-position: center;
  mask-size: cover;
  -webkit-mask-size: cover;
  background: #fff;
  left: 0;
  transition: var(--transition);
  transform: rotate(0deg);
}

.addToCart:after,
.addToCart:before {
  display: none !important;
}

.priceAndBasket .addToCart.show-loading > span::before {
  animation: basketShake 0.75s cubic-bezier(0.36, 0.07, 0.19, 0.97) both
    infinite;
}

/* qty */
.Detail .QTY-box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex: 1;
  background-color: #f0f0f1;
  border-radius: 10px;
  padding-inline: 1rem;
}

.Detail .QTY-box input {
  width: 100% !important;
  text-align: center;
  border-radius: 0;
  height: 48px;
  font-size: 1rem;
  border: 0;
  background: transparent;
  cursor: default;
}

.qty_Notice {
  color: #e26b13;
  font-weight: 600;
  font-size: var(--fz-sm);
  margin-bottom: 1rem;
}

.Detail .QTY-box .QTY-up,
.Detail .QTY-box .QTY-down {
  width: 20px;
  height: 42px;
  background: transparent;
  color: var(--tc1);
  font-size: 18px;
  text-align: center;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
}

.qty_Btn {
  font-size: 0;
}

.Detail .QTY-box .QTY-up::after {
  content: "";
  background-image: url(/Portals/0/Images/plus.svg);
  width: 18px;
  height: 18px;
}

.Detail .QTY-box .QTY-down::after {
  content: "";
  background-image: url(/Portals/0/Images/minus.svg);
  width: 18px;
  height: 3px;
}

.Detail .QTY-box .QTY-up.QTY-disabled,
.Detail .QTY-box .QTY-down.QTY-disabled {
  cursor: not-allowed;
}

.Detail .QTY-box .QTY-up.QTY-disabled > span,
.Detail .QTY-box .QTY-down.QTY-disabled > span {
  opacity: 0.5;
}

.Detail .QTY-box .QTY-up > span,
.Detail .QTY-box .QTY-down > span {
  display: block;
  transform: var(--transition);
}

.Detail .QTY-box .QTY-down {
  border-right: none;
  border-radius: 5px 0 0 5px;
}

.Detail .QTY-box .QTY-up {
  border-left: none;
  border-radius: 0 5px 5px 0;
}

.Detail .QTY-box span {
  display: none;
}

/* qty end*/
.Detail .ProName .title_Md {
  padding-bottom: 8px;
  color: var(--tc1);
  font-weight: 700;
  font-size: var(--fz-lg);
  line-height: 34px;
}

.desc__Ref {
  font-weight: 700;
  font-size: 1rem;
}

.desc__Ref span {
  font-weight: 400;
}

.product__Desc_Actions {
  display: flex;
  align-items: center;
  margin-top: 1.5rem;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}

.product__Desc_Exa {
  background-color: var(--mc1) !important;
  color: #fff !important;
  padding-block: 5px !important;
  border-radius: 5px;
  padding-inline: 1rem;
  border: none;
  outline: none;
}

.product__Desc_Exa:hover {
  opacity: 0.7;
}

.product__Desc_Features p {
  width: fit-content;
  padding-block: 0.25rem;
  padding-inline: 0.5rem;
  color: var(--mc1);
  font-size: var(--fz-sm);
  font-weight: 400;
  margin-bottom: 0.5rem;
  background-color: var(--mc2);
  border-radius: 5px;
}

.product__Desc_items {
  display: flex;
  gap: 1.5rem;
  align-items: center;
  margin-block: 40px;
}

.color_Title {
  display: flex;
  gap: 1rem;
  align-items: center;
  margin-top: -1.5rem;
}

.selected_Color_text {
  background-color: #f0f0f1;
  color: var(--tc3);
  font-weight: 300;
  padding-block: 4px;
  padding-inline: 1rem;
  border-radius: 5px;
}

.product__Cart_Wrapper {
  background: #fff;
  border-radius: 15px;
  padding: 1rem !important;
  height: fit-content;
  box-shadow: 0px 2px 16px -5px rgba(0, 0, 0, 0.1);
}

.cart_Final_Price_Wrapper {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2rem;
}

.cart_Final_Price_Wrapper.hidden {
  display: none !important;
}

.product__Cart_Overlays {
  margin-bottom: 1.5rem;
}

.infoQty {
  display: none;
}

ion-icon {
  fill: transparent;
  stroke: var(--mc1) !important;
  stroke-width: 30 !important;
  transition: all 0.5s;
}

.prod_Detail_Discount_Info {
  background-color: #fff;
  padding: 1rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: var(--fz-sm);
  border-radius: 0.9375rem;
  margin-top: 1.5rem;
  font-weight: 300;
  text-align: justify;
  border-radius: 15px;
  border: 1px solid var(--Grey-Border, #e0e0e2);
  transition: 300ms;
}

.prod_Detail_Discount_Info:hover {
  box-shadow: 2px 3px 10px 2px #00000017;
}

@media (max-width: 991px) {
  .Product__Detail_Right .prod_Detail_Discount_Info {
    display: none;
  }

  .product__Desc_Wrapper .prod_Detail_Discount_Info {
    display: flex !important;
    font-size: 14px;
  }

  .user-comment p * {
    color: inherit !important;
    font-size: inherit !important;
    background-color: inherit !important;
    background: inherit !important;
    font-family: inherit !important;
    text-align: justify !important;
  }
}

.product__Cart_Section a span {
  color: #e26b13;
  font-weight: 700;
}

.sellBox__Prices {
  text-align: left;
  margin-bottom: 1.5rem;
  display: flex;
  justify-content: flex-end;
  gap: 6px;
}

.sellBox__Prices.hidden {
  display: none !important;
}

.sellBox__No__Prices {
  font-weight: 700;
  padding-bottom: 8px;
}

.sellBox__No__Prices.hidden {
  display: none;
}

.sellBox__No__Prices__Text {
  margin-bottom: 1rem;
}

.cart_Final_Price {
  font-size: 20px;
  font-weight: 700;
}

.SalePriceBox span {
  font-weight: 700;
  font-size: 1rem;
}

.QTY-box_Wrapper {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
}

.SalePriceBox span:first-of-type {
  font-weight: 400;
}

.rating > input:checked + label:hover,
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label,
.rating > input:checked ~ label:hover ~ label {
  color: var(--mc1);
}

.rating > input:checked ~ label,
.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
  color: var(--mc1);
}

.color_Title p {
  color: #000;
  font-size: var(--fz-sm);
  margin-bottom: 1.5rem;
}

.product__Desc_items div {
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 77px;
  width: 132px;
  align-items: center;
  justify-content: center;
  background-color: var(--mc2);
  border-radius: 10px;
}

.product__Desc_items div span {
  font-size: var(--fz-sm);
  color: var(--mc1);
}

.modelBox {
  display: none;
}

.detail_Box .detail_Wrapper {
  width: 100%;
}

.colorName_Wrapper {
  display: flex;
  gap: 1rem;
  align-items: center;
}

.colorName_Wrapper input {
  appearance: none;
  background-color: var(--model-color);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-shadow: 1px 1px 4px #00000024;
  border: 1px solid transparent;
  transition: var(--transition);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.colorName_Wrapper input:checked {
  border: 1px solid var(--white);
}

.product__Color_Wrapper:has(input:checked) label {
  display: block;
}

.product__Color_Wrapper label {
  display: none;
}

.product__Color_Wrapper input.hasDiscount {
  width: 50px;
  height: 50px;
  border: 2px solid var(--mc3);
  padding: 4px;
  background-clip: content-box;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: var(--transition);
}

.colorName_Wrapper input:checked:after {
  scale: 1;
}

.colorName_Wrapper input::after {
  content: "";
  position: absolute;
  background-image: url("/Portals/0/Images/check.svg");
  background-position: center;
  background-size: cover;
  width: 23px;
  height: 17px;
  scale: 0;
  transition: var(--transition);
  filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.3));
}

.product__Desc_Actions a {
  color: var(--mc1);
  font-size: var(--fz-sm);
}

.Detail .ProName h2 {
  right: 0;
  padding-left: 0.5rem;
  background-color: white;
  display: inline;
  position: relative;
  z-index: 2;
}

.desc__specs {
  font-weight: 300;
  margin-bottom: 2.5rem;
  text-align: justify;
}

.desc__specs ul {
  padding-right: 1rem;
}

.prod_Detail_Info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 5.5rem;
}

.prod_Detail_Info div {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 1.5rem;
  padding-inline: 0.75rem;
}

.Product__Detail_Top {
  margin-bottom: 6.5rem;
}

.Product__Detail_Top_Right {
  display: flex;
  gap: 1.5rem;
}

@media (max-width: 991px) {
  .Product__Detail_Top_Right {
    flex-direction: column;
  }
}

.prod_Detail_Info div img {
  width: 64px;
  height: 64px;
}

.desc__specs ul li {
  color: var(--tc1);
  list-style: disc;
  font-weight: 500;
}

@keyframes basketShake {
  0% {
    transform: rotate(0);
  }

  15% {
    transform: rotate(5deg);
  }

  30% {
    transform: rotate(-5deg);
  }

  45% {
    transform: rotate(4deg);
  }

  60% {
    transform: rotate(-4deg);
  }

  75% {
    transform: rotate(2deg);
  }

  85% {
    transform: rotate(-2deg);
  }

  92% {
    transform: rotate(1deg);
  }

  100% {
    transform: rotate(0);
  }
}

.Detail .wishlsitBoxOut {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}

.Detail .addToCart {
  padding: 12px 24px;
  border: 1px solid var(--mc1);
  border-radius: var(--border-radius);
  display: inline-block;
  transition: var(--transition);
  white-space: nowrap;
  background: #fff;
  color: var(--mc1);
  outline: unset !important;
}

.Detail .addToCart:hover {
  background-color: var(--mc1);
  color: #fff !important;
}

.Detail .addToCart:hover span {
  color: #fff;
}

/* Avilable and Outofstock Buttons  */
.ModNBStoreProductListC button.product-reminder {
  width: 100% !important;
  background-color: var(--mc3) !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  outline: none !important;
  border: none !important;
  transition: var(--transition);
  text-align: center !important;
}

.ModNBStoreProductListC button.product-reminder:hover {
  background-color: #c45e0f !important;
}

.ModNBStoreProductListC button.product-reminder span {
  margin-left: 0.5rem !important;
}

.OutOfStock_Btn .fa::before {
  color: #fff;
}

.priceAndBasket {
  min-height: 265px;
}

.priceAndBasket .OutOfStock {
  min-height: 218px;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
}

/* ........... */

/* Reminder modal  */

#NbStore-reminder .modal-dialog {
  border-radius: var(--border-radius) !important;
}

#NbStore-reminder .modalRight {
  display: none !important;
}

#NbStore-reminder h4.modal-title {
  margin-top: 1rem !important;
}

#NbStore-reminder .modalLeft {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  padding: 0 !important;
  border-radius: var(--border-radius) !important;
}

#NbStore-reminder .modal-header .close {
  margin: 0 !important;
  outline: none !important;
  border: none !important;
}

#NbStore-reminder .modal-body .userEmail {
  margin-bottom: 0.5rem !important;
}

#NbStore-reminder #btnSubmitReminder {
  border: none !important;
  outline: none !important;
  background-color: var(--mc1);
  border-radius: var(--border-radius);
  padding: 12px 31px;
  margin-right: 0 !important;
  color: white;
  font-weight: bold;
}

@media (min-width: 992px) {
  .product__SellInfo {
    max-width: 320px;
    margin-right: auto;
  }

  .Detail .infoQty {
    margin-bottom: 100px !important;
  }
}

/* #endregion */

/* ANCHOR Prod Detail Gallery */
/* #region Prod Detail Gallery */
.product__Gallery_Wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-content: flex-start;
}

.Detail .product__Gallery_Primary {
  width: 100%;
  position: relative;
}

.Detail .product__Gallery_Primary a {
  display: block;
  overflow: hidden;
}

.product__Gallery_Wrapper {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  position: relative;
  min-width: 406px;
}

@media (max-width: 991px) {
  .product__Gallery_Wrapper {
    width: 100%;
    min-width: 100%;
  }

  .Product__Detail_Left {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .Product__Detail_Top {
    display: block !important;
  }

  .Detail.row {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .Detail .product__Gallery_secoundary {
    padding-inline: 0 !important;
  }
}

.product_Rating {
  display: none;
}

.gallery_wishlist {
  cursor: pointer;
}

.gallery_Overlay.share {
  cursor: pointer;
}

.product__Cart_Overlays {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.product__Cart_Overlays > div {
  display: flex;
  flex-direction: row-reverse;
  gap: 1rem;
  align-items: center;
}

.Detail .product__Gallery_Primary {
  position: relative;
}

.Detail .product__Gallery_Primary a {
  background-color: #fff;
  padding: 1rem;
  display: block;
  overflow: hidden;
  border-radius: 15px;
}

.Detail .product__Gallery_Primary a img {
  width: 100%;
  aspect-ratio: 1;
}

.Detail .product__Gallery_secoundary {
  width: 100%;
  order: 1;
  display: flex;
  justify-content: flex-start;
  padding-block: 1.5rem;
  min-width: 100%;
  padding-inline: 15px;
  gap: 1rem;
}

.Detail .GalleryInner {
  border-radius: var(--border-radius-sm);
  overflow: hidden;
  position: relative;
  border: 1px solid #d9d9d9;
  aspect-ratio: 1;
  width: 100%;
  height: 82px;
}

.Detail .GalleryInner img {
  width: 100%;
  height: 100%;
}

.GalleryVideo .videoTumbBox,
.Detail .more-image {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: var(--mc2);
  border-radius: 15px;
  height: 82px;
  aspect-ratio: 1;
  gap: 4px;
  cursor: pointer;
  transition: var(--transition);
}

.GalleryVideo .videoTumbBox:hover {
  opacity: 0.7;
}

:is(.GalleryVideo .videoTumbBox, .Detail .more-image) img {
  width: 24px;
}

:is(.GalleryVideo .videoTumbBox, .Detail .more-image) span {
  font-size: var(--fz-xs);
  color: var(--mc1);
  font-weight: 400;
}

.Detail .GalleryOuter {
  margin-bottom: 0;
  aspect-ratio: 1;
  position: relative;
}

.Detail .GalleryOuter .GalleryInner {
  width: fit-content;
}

.Detail .product__Gallery_Primary a img {
  width: 100%;
  clip-path: polygon(
    0% 0%,
    3% 6px,
    7% 0%,
    10% 6px,
    13% 0%,
    16% 6px,
    19% 0%,
    22% 6px,
    25% 0%,
    28% 6px,
    31% 0%,
    34% 6px,
    37% 0%,
    40% 6px,
    43% 0%,
    46% 6px,
    49% 0%,
    52% 6px,
    55% 0%,
    58% 6px,
    61% 0%,
    64% 6px,
    67% 0%,
    70% 6px,
    73% 0%,
    76% 6px,
    79% 0%,
    82% 6px,
    85% 0%,
    88% 6px,
    91% 0%,
    94% 6px,
    97% 0%,
    100% 6px,
    100% calc(100% - 6px),
    97% 100%,
    94% calc(100% - 6px),
    91% 100%,
    88% calc(100% - 6px),
    85% 100%,
    82% calc(100% - 6px),
    79% 100%,
    76% calc(100% - 6px),
    73% 100%,
    70% calc(100% - 6px),
    67% 100%,
    64% calc(100% - 6px),
    61% 100%,
    58% calc(100% - 6px),
    55% 100%,
    52% calc(100% - 6px),
    49% 100%,
    46% calc(100% - 6px),
    43% 100%,
    40% calc(100% - 6px),
    37% 100%,
    34% calc(100% - 6px),
    31% 100%,
    28% calc(100% - 6px),
    25% 100%,
    22% calc(100% - 6px),
    19% 100%,
    16% calc(100% - 6px),
    13% 100%,
    10% calc(100% - 6px),
    7% 100%,
    3% calc(100% - 6px),
    0% 100%,
    0% calc(100% - 6px)
  );
}

@media (max-width: 991px) {
  .GalleryVideo .videoTumbBox,
  .Detail .more-image,
  .Detail .GalleryInner {
    height: auto;
  }

  .Detail .product__Gallery_secoundary {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

.product__Gallery_secoundary div:nth-child(4)::before {
  content: "همه";
  z-index: 2;
  position: absolute;
  inset: 0;
  background-color: var(--mc2);
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: end;
  padding: 8px;
  padding-block: 12px;
  color: var(--mc1);
  font-size: var(--fz-sm);
  pointer-events: none;
}

.product__Gallery_secoundary div:nth-child(4)::after {
  content: "";
  position: absolute;
  z-index: 3;
  background: url(/Portals/0/images/see-all.svg) no-repeat;
  width: 20px;
  height: 20px;
  background-size: contain;
  top: 50%;
  left: 50%;
  translate: -50% -90%;
  pointer-events: none;
}

@media (max-width: 991px) {
  .product__Desc_Actions {
    gap: unset;
    justify-content: space-between;
  }

  .prod_Detail_Info {
    row-gap: 2rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    text-align: center;
  }

  .prod_Detail_Info div img {
    width: 32px;
    height: 32px;
  }

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

  .sellBox__Prices {
    margin-bottom: unset !important;
    display: block;
  }

  .sellBox__Prices > span {
    display: inline;
    margin-left: 4px;
  }

  .old_prices {
    display: inline-block;
  }

  .product__Cart_Overlays {
    margin-bottom: 0.5rem;
  }

  .ProName_mb .title_Md {
    line-height: 1.2;
    font-size: 1rem;
  }

  .product__Cart_Wrapper {
    background: transparent;
    border-radius: unset;
    padding: unset !important;
    height: unset;
  }

  .QTY-box_Wrapper {
    width: 45%;
    margin-bottom: 1rem;
  }

  .cart_Final_Price_Wrapper {
    width: 55%;
    position: absolute;
    top: 1.8rem;
    left: 0;
    padding-inline: 1rem;
    margin-bottom: 1rem;
  }

  .cart_Final_Price {
    font-size: 1rem;
  }

  .qty_Notice {
    margin-bottom: 8px;
  }

  .Detail .addToCart {
    background: var(--mc1) !important;
    color: #fff !important;
  }

  .Detail .addToCart span {
    color: #fff !important;
  }

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

  .colorBox.detail_Box {
    order: -1;
  }
}

.GalleryVideo:not(:has(.videoTumbBox)) {
  display: none;
}

/* #endregion */

/* ANCHOR Prod Detail Information */
/* #region Prod Detail Information */
.Information_Desc {
  position: relative;
  text-align: justify;
  margin-bottom: var(--main-space);
}

.Information_Desc p {
  text-align: justify;
  font-weight: 300;
}

.Information_Desc h6 {
  color: var(--mc1);
  margin-bottom: 1.5rem;
  padding: 10px;
  border-bottom: 2px solid var(--mc1);
  width: fit-content;
}

.comment-view {
  padding: 0 !important;
  border: none !important;
}

.comment-view .modern-input {
  border: none !important;
}

.comment-view #txtComment {
  border: none !important;
}

.comment-view .modern-label {
  background: unset !important;
}

.Information_Desc::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #e0e0e2;
  top: 2.5rem;
  position: absolute;
}

.comment-view .main-comment {
  background: #fff !important;
}

.product__Cart_Section {
  height: fit-content;
  position: sticky;
  top: 1rem;
  margin-bottom: var(--main-space);
}

.comment-view #btnCommentClient,
.comment-view .reply-box #txtNameClient {
  color: var(--mc1) !important;
}

.replay-comment {
  border-radius: 10px;
  border: 1px solid #becec9 !important;
  background: var(--MC-Light-Green, #ebf0ee);
}

.Information {
  margin-bottom: var(--main-space);
}

.Information article {
  font-weight: 300;
}

.Information__Nav {
  border-bottom: 1px solid #26274533;
  margin-bottom: 16px;
}

.Information__Nav__Item {
  display: flex;
  align-items: center;
  padding-bottom: 12px;
  margin-left: 24px;
  font-weight: bold;
}

#exampleModal .modal-header {
  border: none !important;
}

#exampleModal .modal-body {
  margin-inline: auto;
  max-width: 422px;
}

#exampleModal .modal-content {
  padding: 2rem;
}

#exampleModal .modal-header h3 {
  width: 100%;
  text-align: center;
  margin-top: 2rem !important;
}

.LiveForm.Default ul.page-break-section .Field.Dropdown .Field-Label-Right {
  display: block !important;
}

.LiveForm.Default ul.page-break-section .Field.Dropdown {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.LiveForm.Default ul.page-break-section .Field.Dropdown .Field-Label-Right {
  width: fit-content;
  white-space: nowrap;
}

.LiveForm.Default ul.page-break-section .Field.Dropdown .Field-Container {
  width: 100%;
}

.LiveForm.Default ul.page-break-section .Field input {
  accent-color: var(--mc1) !important;
}

#exampleModal .modal-dialog {
  max-width: 644px;
  border-radius: 32px;
  overflow: hidden;
}

.active > .Information__Nav__Item {
  border-bottom: 2px solid var(--mc1);
  color: var(--tc1);
}

.UlGroupListView {
  /* border: 1px solid #26274533; */
  /* border-radius: 8px; */
  overflow: hidden;
}

.UlGroupListView > span {
  display: none !important;
}

.UlGroupListView li {
  display: flex;
}

/* .UlGroupListView li:not(:last-child) {
    border-bottom: 1px solid #26274533;
} */

.UlGroupListView li:nth-child(even) {
  background-color: #fafafa;
}

.UlGroupListView li span:first-child {
  background: transparent !important;
  color: var(--mc2) !important;
  margin: 0 !important;
  /* border-left: 1px solid #26274533; */
  width: 30% !important;
}

.UlGroupListView li span:nth-child(2) {
  background: transparent !important;
  margin: 0 !important;
  width: 100% !important;
}

.Information__Tab__Content .showMore {
  position: relative;
  padding-bottom: 50px;
}

.Information__Tab__Content .showMore::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background: linear-gradient(
    0deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 0.5) 50%,
    rgba(255, 255, 255, 0) 100%
  );
}

.Information__Tab__Content .showmore-button {
  color: var(--mc1);
  cursor: pointer;
  margin-top: 12px;
  font-family: inherit;
  text-align: left;
}

.Information__Tab__Content .showmore-button i {
  font-size: 12px;
  margin-right: 6px;
  color: var(--mc1);
}

/* Information In Mobile */

.InformationAc__Card {
  padding: 0 15px;
  border: 1px solid #26274533;
  border-radius: var(--border-radius);
  margin-bottom: 16px;
  position: relative;
  background: #fff;
}

.InformationAc__Card__Body {
  border-top: 1px solid #26274533;
  padding: 16px 0;
}

.InformationAc__Card__Head {
  padding: 12px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--tc1);
}

.InformationAc__Card__Head i {
  font-size: 12px;
  transition: var(--transition);
  color: var(--mc1);
  transform: rotate(-180deg);
}

.InformationAc__Card__Head__Text {
  display: flex;
  align-items: center;
  color: var(--tc1);
}

.InformationAc__Card.open .InformationAc__Card__Head {
  color: var(--mc1);
}

.InformationAc__Card.open .InformationAc__Card__Head i {
  transform: rotate(0);
}

/* #endregion */
/* home product discount list */
.home_discount_prod {
  border-radius: 15px;
  background: linear-gradient(90deg, #02432f 8%, #05a977 100%);
  padding-inline: 2.5rem;
  padding-inline-end: 0;
  padding-block: 2rem;
  gap: 2.5rem;
  margin-bottom: var(--main-space);
  overflow: hidden;
  display: flex;
  position: relative;
}

.home_discount_right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 25%;
  min-width: 25%;
  /* position: relative; */
}

.home_discount_right::before {
  position: absolute;
  content: "";
  background-image: url(/Portals/0/Images/3d-discount.png);
  background-blend-mode: luminosity;
  filter: grayscale(1);
  width: 350px;
  height: 350px;
  background-size: contain;
  background-repeat: no-repeat;
  top: 60%;
  right: 0;
  translate: 0 -50%;
}

.home_discount_right p {
  color: #fff;
  text-align: justify;
  /* font-family: "Yekan Bakh FaNum"; */
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 21px */
  /* letter-spacing: -0.154px; */
  max-width: 295px;
}

.home_discount_right h4 {
  font-size: var(--fz-xl);
  color: #fff;
  margin-bottom: 1rem;
  font-weight: 300 !important;
}

.home_discount_right .btnStyle_Secondary {
  padding: 0.5rem 1rem;
  border: 1px solid #fff;
  border-radius: 5px;
  display: inline-block;
  transition: var(--transition);
  white-space: nowrap;
  font-size: var(--fz-sm);
  line-height: 21px;
  color: #fff;
  width: fit-content;
  margin-top: 2rem;
  margin-inline: auto;
}

@media (max-width: 991px) {
  .home_discount_right .btnStyle_Secondary {
    position: absolute;
    bottom: 16px;
    left: 50%;
    translate: -50%;
  }
}

.home_discount_right h4 span {
  font-weight: 700;
  color: #fff !important;
}

.home_discount_left {
  width: 80%;
  position: relative;
}

.home_discount_left .productList__Card_Hover {
  display: none;
}

.home_discount_left .productList__Card {
  margin-inline: 0.5rem;
}

.home_discount_left.home_discount_left.home_discount_left
  .slick-arrow.slick-arrow.slick-arrow.slick-arrow::before {
  height: 6px !important;
  width: 6px !important;
  background: rgba(255, 255, 255, 0.5) !important;
}

.home_discount_left.home_discount_left.home_discount_left
  .slick-arrow.slick-arrow.slick-arrow.slick-next {
  left: 14% !important;
}

.home_discount_left.home_discount_left.home_discount_left
  .slick-arrow.slick-arrow.slick-arrow.slick-arrow:hover::before {
  width: 18px !important;
  background: #fff !important;
}

.home_discount_left .productList__Card_Wrapper {
  padding: 0.625rem !important;
}

.home_discount_left
  :is(
    .productList__Card__FinalPrice,
    .productList__Card__OldPrice,
    .productList__Card__PriceBox,
    .productList__Card__Title
  ) {
  font-size: 12px !important;
}

.home_discount_left .productList__Card__Title {
  margin-top: 4px;
}

.home_discount_left::before {
  content: "";
  position: absolute;
  width: 230px;
  height: 200%;
  background-color: #02432f;
  left: -2rem;
  top: -2rem;
  z-index: 1;
}

.home_discount_left .productList__Card__FinalPrice img {
  width: 17px;
  height: 17px;
}

@media (max-width: 991px) {
  .home_discount_prod {
    flex-direction: column;
    padding-inline: 0;
    padding-bottom: 5rem;
    position: relative;
  }

  .home_discount_right p {
    max-width: unset;
    text-align: center;
    padding-inline: 1rem;
  }

  .home_discount_right::before {
    width: 200px;
    height: 200px;
    top: 0;
    left: 50%;
    translate: -50%;
    right: unset;
  }

  .home_discount_right,
  .home_discount_left {
    width: 100%;
    min-width: 100%;
  }

  .home_discount_right {
    text-align: center;
  }

  .home_discount_left::before {
    display: none;
  }

  .home_discount_left .ProductList {
    display: flex !important;
    overflow: auto;
  }

  .home_discount_left .ProductList {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
  }

  .home_discount_left .ProductList::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari, and Opera */
  }

  .home_discount_left .productList__Card_Wrapper {
    min-width: 175px;
  }

  .home_discount_left .productList__Card__PriceBox {
    display: block;
    text-align: left;
  }

  .home_discount_left .productList__Card__OldPrice {
    display: inline-block;
    margin-left: 0;
  }

  .home_discount_left .productList__Card__FinalPrice {
    justify-content: flex-end;
  }
}

.home_sale_prod {
  display: flex;
  justify-content: space-between;
  margin-bottom: var(--main-space);
  align-items: stretch;
}

.home_sale_prod_content img {
  height: 100%;
  object-fit: cover;
}

.home_sale_prod_content {
  width: 310px;
  position: relative;
}

.home_sale_prod_content p {
  color: #fff;
  font-size: var(--fz-xl);
  font-weight: 300;
  line-height: 150%;
  /* 48px */
  letter-spacing: -0.352px;
  position: absolute;
  bottom: 2.5rem;
  left: 50%;
  translate: -50% 0;
  display: flex;
  flex-direction: column;
  text-align: center;
}

.home_sale_prod_content p span {
  color: #fff;
}

.home_sale_prod_list {
  flex: 1;
  width: calc(100% - 340px);
  max-width: calc(100% - 340px);
}

.home_sale_prod_list .productList__Card_Wrapper {
  margin-inline: 0.75rem;
}

.home_sale_prod .productList__Card__Content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.home_sale_prod .slick-list {
  margin-inline: -0.75rem;
  translate: 0 68px;
}

.home_sale_prod_list .slick-arrow.slick-arrow.slick-arrow {
  top: 1rem !important;
}

.home_sale_prod_list {
  position: relative;
}

.home_sale_prod_list .btnStyle_Primary {
  position: absolute;
  right: 78%;
  top: 0;
  z-index: 99;
  /*  */
}

.home_sale_prod.special .slick-prev.slick-arrow {
  left: unset !important;
  right: 0 !important;
}

.home_sale_prod.special .slick-next.slick-arrow {
  left: unset !important;
  right: 2.5rem !important;
}

.home_sale_prod.special .btnStyle_Primary {
  left: 78%;
  right: unset;
}

#exampleModal,
#shareModal,
.fancybox__container.is-animated {
  z-index: 999999 !important;
}

@media (max-width: 991px) {
  .homeClothCtg {
    grid-template-columns: 1fr 1fr;
  }

  .home_sale_prod {
    flex-direction: column-reverse;
    margin-bottom: var(--main-space);
  }

  .home_sale_prod_content > img {
    display: none;
  }

  .home_sale_prod_content p {
    flex-direction: row;
    gap: 0.25rem;
    position: static;
    justify-content: center;
    text-align: center;
    translate: 0;
    margin-bottom: 40px;
  }

  .home_sale_prod_content span {
    color: #3c3c3c !important;
  }

  .home_sale_prod_list {
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column-reverse;
    gap: 2rem;
  }

  .home_sale_prod_list .ProductList {
    display: flex !important;
    gap: 1.5rem;
    overflow: auto;
  }

  .home_sale_prod_list .ProductList {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
  }

  .home_sale_prod_list .ProductList::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari, and Opera */
  }

  .home_sale_prod_list .productList__Card_Wrapper {
    margin-inline: unset;
    max-height: unset;
    height: unset;
    align-items: center;
    min-width: 240px;
    padding: 12px;
  }

  .home_sale_prod_list .productList__Card_Wrapper a {
    width: 100%;
  }

  .home_sale_prod_list .btnStyle_Primary {
    position: static;
    width: fit-content;
    margin-inline: auto;
  }

  .home_sale_prod_list .productList__Card__Title {
    margin-top: 12px !important;
  }

  .home_sale_prod_list .productList__Card__PriceBox {
    margin-top: 12px !important;
  }

  .home_sale_prod.special {
    flex-direction: column;
  }

  .home_sale_prod_content {
    width: 100%;
  }

  .productList__Card__ImgBox img {
    clip-path: polygon(
      0% 0%,
      3% 3px,
      7% 0%,
      10% 3px,
      13% 0%,
      16% 3px,
      19% 0%,
      22% 3px,
      25% 0%,
      28% 3px,
      31% 0%,
      34% 3px,
      37% 0%,
      40% 3px,
      43% 0%,
      46% 3px,
      49% 0%,
      52% 3px,
      55% 0%,
      58% 3px,
      61% 0%,
      64% 3px,
      67% 0%,
      70% 3px,
      73% 0%,
      76% 3px,
      79% 0%,
      82% 3px,
      85% 0%,
      88% 3px,
      91% 0%,
      94% 3px,
      97% 0%,
      100% 3px,
      100% calc(100% - 3px),
      97% 100%,
      94% calc(100% - 3px),
      91% 100%,
      88% calc(100% - 3px),
      85% 100%,
      82% calc(100% - 3px),
      79% 100%,
      76% calc(100% - 3px),
      73% 100%,
      70% calc(100% - 3px),
      67% 100%,
      64% calc(100% - 3px),
      61% 100%,
      58% calc(100% - 3px),
      55% 100%,
      52% calc(100% - 3px),
      49% 100%,
      46% calc(100% - 3px),
      43% 100%,
      40% calc(100% - 3px),
      37% 100%,
      34% calc(100% - 3px),
      31% 100%,
      28% calc(100% - 3px),
      25% 100%,
      22% calc(100% - 3px),
      19% 100%,
      16% calc(100% - 3px),
      13% 100%,
      10% calc(100% - 3px),
      7% 100%,
      3% calc(100% - 3px),
      0% 100%,
      0% calc(100% - 3px)
    );
  }
}

/* side Products */
.sideProducts .productList__Card_Hover {
  display: none;
}

.sideProducts .slick-dots li {
  margin: 0 3px;
}

.sideProducts .slick-dots li button {
  background: #02432f80 !important;
  width: 6px !important;
  height: 6px !important;
}

.sideProducts .slick-dots li.slick-active button {
  background: #02432f !important;
  border-radius: 15px !important;
  width: 18px !important;
}

.to_Top {
  position: fixed;
  bottom: 2rem;
  left: 2rem;
  transition: var(--transition);
  translate: -8rem;
  cursor: pointer;
  z-index: 999;
}

:is(.home_discount_prod, .home_sale_prod) .productList__Ref {
  display: none;
}

body.page_scrolled_Middle .to_Top {
  translate: 0;
}

@media (max-width: 992px) {
  .to_Top {
    bottom: 6rem;
    left: 1rem;
  }

  body:has(.product__Gallery_Wrapper) .to_Top {
    bottom: 9.5rem;
  }

  body:has(.qty_Notice) .to_Top {
    bottom: 13rem;
  }
}

.qty_Notice:empty {
  background-color: red;
}

/* Order Factor */
/* .pymnt-in-place table tr {
    line-height: 40px;
} */

.pymnt-in-place-wrapper table tbody tr:first-child td {
  background-color: black;
  color: white;
  height: 40px;
  padding-right: 10px;
  text-align: center;
}

.pymnt-in-place-wrapper table tbody tr td {
  height: 40px;
  vertical-align: middle;
  padding-right: 16px;
}

/* div[id$="pnlOrderEdit"] td {
    padding: 5px;
} */

.pymnt-in-place-wrapper table tbody .OrderDetailRow td {
  text-align: center !important;
}

.pymnt-in-place-wrapper table tbody tr td {
  height: 40px;
  vertical-align: middle;
  padding-right: 16px;
}

/* div[id$="pnlOrderEdit"] td {
    padding: 5px;
} */

.pymnt-in-place-wrapper {
  width: 100%;
}

@media (max-width: 992px) {
  #dnn_ctr446_AdminOrders_pnlOrderEdit {
    width: calc(100vw - 30px);
  }

  #dnn_ctr446_AdminOrders_cmdReturn2 {
    padding: 0;
    translate: 18px 0;
  }

  #dnn_ctr446_AdminOrders_pnlOrderEdit .print-section.text-left {
    display: flex;
    align-items: start;
    flex-direction: column;
    padding: 0.5rem 15px 0;
    margin-bottom: -1.5rem;
  }

  #dnn_ctr446_AdminOrders_pnlOrderEdit .print-section.text-left a {
    align-self: end;
    translate: 0 -1.25rem;
  }

  #dnn_ctr446_AdminOrders_pnlOrderEdit .order-edit {
    overflow: hidden;
  }

  .pymnt-in-place table:nth-child(2) tbody tr td {
    line-height: 26px;
  }

  .pymnt-in-place-wrapper {
    width: calc(100vw - 30px);
    overflow-x: auto;
  }

  .pymnt-in-place-wrapper table tbody tr:first-child td {
    line-height: 26px;
    padding-right: 5px;
    min-width: 6rem;
  }

  .pymnt-in-place-wrapper table tbody tr td {
    line-height: 26px;
    padding-right: 5px;
  }

  .pymnt-in-place table:nth-child(4) {
    width: 100% !important;
  }
}