/*---------------------------------- fonts ----------------------------------*/
/*---------------------------------- ellipsis ----------------------------------*/
/*---------------------------------- line text ----------------------------------*/
/*---------------------------------- text gradient ----------------------------------*/
/*---------------------------------- glass effect ----------------------------------*/
/*---------------------------------- card shadow ----------------------------------*/
/*---------------------------------- font icon ----------------------------------*/
/*---------------------------------- overlay ----------------------------------*/
/*---------------------------------- border radius ----------------------------------*/
/*---------------------------------- line ----------------------------------*/
/*---------------------------------- background image ----------------------------------*/
/*---------------------------------- scroll bar ----------------------------------*/
/*---------------------------------- media query ----------------------------------*/
/*---------------------------------- flex ----------------------------------*/
/*---------------------------------- Second Language ----------------------------------*/
.icon-angle-left, .icon-arrow-left, .icon-angle-right, .icon-arrow-right {
  transform: scaleX(-1) !important;
}

.shop__header-more::after {
  transform: scaleX(-1);
}

.my-pagination .page-nav-link span {
  transform: scaleX(-1);
}

/* ------------------------- en font -----------------------*/
@font-face {
  font-family: "iranyekan";
  font-display: swap;
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/iranyekan-en/eot/iranyekanwebbold.eot");
  src: url("../fonts/iranyekan-en/eot/iranyekanwebbold.eot?#iefix") format("embedded-opentype"), url("../fonts/iranyekan-en/woff/iranyekanwebbold.woff") format("woff"), url("../fonts/iranyekan-en/ttf/iranyekanwebbold.ttf") format("truetype");
}
@font-face {
  font-family: "iranyekan";
  font-display: swap;
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/iranyekan-en/eot/iranyekanwebthin.eot");
  src: url("../fonts/iranyekan-en/eot/iranyekanwebthin.eot?#iefix") format("embedded-opentype"), url("../fonts/iranyekan-en/woff/iranyekanwebthin.woff") format("woff"), url("../fonts/iranyekan-en/ttf/iranyekanwebthin.ttf") format("truetype");
}
@font-face {
  font-family: "iranyekan";
  font-display: swap;
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/iranyekan-en/eot/iranyekanweblight.eot");
  src: url("../fonts/iranyekan-en/eot/iranyekanweblight.eot?#iefix") format("embedded-opentype"), url("../fonts/iranyekan-en/woff/iranyekanweblight.woff") format("woff"), url("../fonts/iranyekan-en/ttf/iranyekanweblight.ttf") format("truetype");
}
@font-face {
  font-family: "iranyekan";
  font-display: swap;
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/iranyekan-en/eot/iranyekanwebregular.eot");
  src: url("../fonts/iranyekan-en/eot/iranyekanwebregular.eot?#iefix") format("embedded-opentype"), url("../fonts/iranyekan-en/woff/iranyekanwebregular.woff") format("woff"), url("../fonts/iranyekan-en/ttf/iranyekanwebregular.ttf") format("truetype");
}
@font-face {
  font-family: "iranyekan";
  font-display: swap;
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/iranyekan-en/eot/iranyekanwebmedium.eot");
  src: url("../fonts/iranyekan-en/eot/iranyekanwebmedium.eot?#iefix") format("embedded-opentype"), url("../fonts/iranyekan-en/woff/iranyekanwebmedium.woff") format("woff"), url("../fonts/iranyekan-en/ttf/iranyekanwebmedium.ttf") format("truetype");
}
@font-face {
  font-family: "iranyekan";
  font-display: swap;
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/iranyekan-en/eot/iranyekanwebextrabold.eot");
  src: url("../fonts/iranyekan-en/eot/iranyekanwebextrabold.eot?#iefix") format("embedded-opentype"), url("../fonts/iranyekan-en/woff/iranyekanwebextrabold.woff") format("woff"), url("../fonts/iranyekan-en/ttf/iranyekanwebextrabold.ttf") format("truetype");
}
@font-face {
  font-family: "iranyekan";
  font-display: swap;
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/iranyekan-en/eot/iranyekanwebblack.eot");
  src: url("../fonts/iranyekan-en/eot/iranyekanwebblack.eot?#iefix") format("embedded-opentype"), url("../fonts/iranyekan-en/woff/iranyekanwebblack.woff") format("woff"), url("../fonts/iranyekan-en/ttf/iranyekanwebblack.ttf") format("truetype");
}
@font-face {
  font-family: "iranyekan";
  font-display: swap;
  font-style: normal;
  font-weight: 950;
  src: url("../fonts/iranyekan-en/eot/iranyekanwebextrablack.eot");
  src: url("../fonts/iranyekan-en/eot/iranyekanwebextrablack.eot?#iefix") format("embedded-opentype"), url("../fonts/iranyekan-en/woff/iranyekanwebextrablack.woff") format("woff"), url("../fonts/iranyekan-en/ttf/iranyekanwebextrablack.ttf") format("truetype");
}
#categories-header {
  background-color: white;
  height: 70px;
  box-shadow: rgba(14, 30, 37, 0.12) 0px -2px 4px 0px, rgba(14, 30, 37, 0.32) 0px -2px 16px 0px;
  padding-inline: 20px;
}
#categories-header a {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 100%;
}
#categories-header h1 {
  font-size: 14px;
}

.categories {
  display: flex;
  height: calc(100dvh - 135px);
  max-height: calc(100dvh - 135px);
  overflow-y: hidden;
}
.categories__tabs {
  width: 80px;
  display: flex;
  flex-direction: column;
  border-right: 1px solid #eaeaea;
  background-color: #f6f6f6;
}
.categories__item {
  width: 100%;
  aspect-ratio: 1/1;
  font-size: 12px;
  border: none;
  border-bottom: 1px solid #eaeaea;
  color: #333;
  background-color: #f6f6f6;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px;
}
.categories__item:last-of-type {
  border-bottom-width: 1px;
}
.categories__item.active {
  color: #b85e3b;
  font-weight: bolder;
  background-color: white;
}
.categories__item.commingSoon {
  position: relative;
  color: #888;
}
.categories__item.commingSoon span {
  position: absolute;
  right: 10px;
  top: 10px;
  padding: 1px 4px;
  background-color: #b85e3b;
  color: white;
  font-size: 8px;
  border-radius: 3px;
}
.categories__content {
  width: calc(100% - 80px);
  padding: 20px 15px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 100%;
  overflow-y: auto;
}
.categories__content__list {
  display: none;
}
.categories__content__list.active {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.categories__content__item {
  width: 100%;
  padding: 15px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
}
.categories__content__item i {
  font-size: 9px;
}
.categories__content__item.active i {
  transform: rotate(180deg);
}
.categories__content__group {
  border: 1px solid #ededed;
  border-radius: 8px;
  box-shadow: 0 2px 4px #f3f3f3;
}
.categories__content__seeAll {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #b85e3b;
  font-size: 11px;
  margin-bottom: 4px;
  font-weight: bold;
}
.categories__content__seeAll i {
  font-size: 8px;
}
.categories__content__content {
  display: none;
}
.categories__content__content.active {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 14px 6px;
  margin-inline: 8px;
  border-top: 1px solid #ededed;
  max-height: 260px;
  overflow-y: auto;
}
.categories__content__content__item {
  border: 1px solid #ededed;
  border-radius: 10px;
  box-shadow: 0 2px 4px #f3f3f3;
  background-color: #fbfbfb;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 62px;
  height: 62px;
  padding: 6px;
  font-size: 9px;
}

/*# sourceMappingURL=categories-en.css.map */