@charset "UTF-8";
/* swiper  */
.backgroundVitrin {
  margin-bottom: 3.6875rem;
  background-color: var(--text-light-3);
}

.itemVitrinProduct {
  margin-bottom: 3.6875rem;
  /* Firefox */
}
.itemVitrinProduct .sec-title-row {
  margin-bottom: 0.75rem;
}
.itemVitrinProduct .sec-title-row .btn {
  background-color: var(--text-light-0);
  border-radius: 1.84rem;
  padding: 0.5rem 1rem;
  color: var(--text-light-4);
}
.itemVitrinProduct .vitrin-box .cat-name {
  color: #979797;
  font-size: 0.8rem;
}
.itemVitrinProduct .vitrin-box .decprtionproduct p {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.itemVitrinProduct .offer {
  left: 50%;
  bottom: 0;
  transform: translate(-50%, -50%);
}
@media (max-width: 768px) {
  .itemVitrinProduct .vitrin-container {
    min-height: 272px !important;
  }
}
.itemVitrinProduct .tab-label {
  font-weight: normal;
}
.itemVitrinProduct .tab-label .active {
  font-weight: 700;
}
.itemVitrinProduct .swiperVitrinTitle {
  display: flex;
  column-gap: 0.625rem;
  flex-wrap: nowrap;
  overflow-x: auto;
  white-space: nowrap;
  padding-bottom: 1rem;
}
.itemVitrinProduct .swiperVitrinTitle .item {
  border-radius: 1.84rem;
  border: 0.1rem solid var(--text-dark-2);
  padding: 0.61rem 1.23rem;
  background-color: rgba(68, 68, 68, 0);
}
.itemVitrinProduct .swiperVitrinTitle .item.active {
  background-color: var(--primary-main);
  /* یا هر رنگی که بخوای */
  border-radius: 1.84rem;
  border: 0.1rem solid rgba(68, 68, 68, 0);
  padding: 0.61rem 1.23rem;
  color: var(--text-light-4);
}
.itemVitrinProduct .swiperVitrinTitle::-webkit-scrollbar {
  height: 6px;
}
.itemVitrinProduct .swiperVitrinTitle::-webkit-scrollbar-track {
  background: transparent;
}
.itemVitrinProduct .swiperVitrinTitle::-webkit-scrollbar-thumb {
  background-color: #888;
  border-radius: 10px;
}
.itemVitrinProduct .swiperVitrinTitle::-webkit-scrollbar-button {
  display: none;
  /* حذف فلش‌ها */
  width: 0;
  height: 0;
}
.itemVitrinProduct .swiperVitrinTitle {
  scrollbar-color: #888 transparent;
  scrollbar-width: thin;
}
.itemVitrinProduct .vitrin-container {
  background-color: var(--White);
  border-radius: 10px;
  border: 0.1rem solid var(--text-light-4);
  box-shadow: 0px 0px 1px 0px rgba(40, 41, 61, 0.04), 0px 2px 4px 0px rgba(96, 97, 112, 0.15);
}
.itemVitrinProduct .vitrin-container svg {
  width: 1rem;
  height: 1rem;
}
.itemVitrinProduct .vitrin-container .img-box {
  margin-bottom: 0.8rem;
  aspect-ratio: 2/1.5;
  overflow: hidden;
}
.itemVitrinProduct .vitrin-container .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.itemVitrinProduct .SwiperVitrinTop .swiper-slide {
  height: unset;
}
.itemVitrinProduct .tabContent .tab-content {
  padding: 0 2rem;
  display: none;
}
.itemVitrinProduct .tabContent .tab-content.active {
  display: block;
}
.itemVitrinProduct .tabContent .tab-content .slider-nav {
  padding: 0;
}
@media (max-width: 480px) {
  .itemVitrinProduct .ItSection .sec-title-row .title {
    white-space: nowrap;
    font-size: 0.9rem;
    font-weight: bold;
  }
  .itemVitrinProduct .ItSection .sec-title-row .btn {
    white-space: nowrap;
  }
}