.products-nav-tabs .nav-link {
  padding: 8px 20px;
  background-color: #eeeeee !important;
  color: rgba(0, 0, 0, 0.5) !important;
}

.products-nav-tabs .nav-link.active {
  background-color: #ed1944 !important;
  color: white !important;
}

.card-product {
  position: relative;
  overflow: hidden;
  background-color: #f7f7f7;
  aspect-ratio: 1/1;
}

.card-product img {
  position: absolute;
  opacity: 0;
  transition: opacity 0.6s ease;
}

.card-product img.default {
  opacity: 1;
  z-index: 1;
}

.card-product .zone {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 33.33%;
  z-index: 2;
}

.zone.left {
  left: 0;
}
.zone.center {
  left: 33.33%;
}
.zone.right {
  right: 0;
}







.pro-border {
  cursor: pointer;
  transition: border 0.5s ease;
}

.pro-border:hover {
  border: 1px solid #ed1944 !important;
}

.pagination {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%) translateY(20px);
  display: flex;
  gap: 6px;
  opacity: 0;
  transition: all 0.4s ease;
  z-index: 3;
}



.product-price {
  color: #ed1944;
}
















    .slider-wrap {
      position: relative;
    }

    /* فلش‌های بیرونی */
    .nav-button {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 40px;
      height: 40px;
      border-radius: 5px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: #ed1944;
      color: #fff;
      cursor: pointer;
      transition: opacity .22s ease, transform .12s ease;
      opacity: 0;
      visibility: hidden;
      z-index: 20;
      border: unset !important;
    }

    .nav-button:active { transform: translateY(-50%) scale(.98); }

    .nav-button.prev { left: -40px; }
    .nav-button.next { right: -40px; }

    /* نمایش فلش‌ها فقط وقتی موس روی سوییپر هست */
    .slider-wrap:hover .nav-button {
      opacity: 1;
      visibility: visible;
    }

    /* استایل برای اسکرول‌بار سفارشی (سفید و مشکی) */
    /* بک‌گراند مسیر اسکرول */
    .swiper-horizontal > .swiper-scrollbar {
      height: 5px; /* ضخامت کل */
      background: #ffffff; /* سفید */
      border-radius: 6px;
      bottom: 8px; /* فاصله از پایین کارت */
      box-shadow: inset 0 0 0 1px rgba(0,0,0,0.04);
    }

    /* نوار کشویی (thumb) */
    .swiper-scrollbar-drag {
      background: #ed1944; /* سیاه */
      border-radius: 6px;
    }

    .adidas-landing-mySwiper p::after {
    content: "BERTTONIX";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 2;
    font-size: 60px;
    rotate: 15deg;
    font-family: bakh-extra;
    color: white;
    z-index: -1;
    }