.fmt-step-marquee {
  --fmtsdm-red: #D40000;
  --fmtsdm-ink: #FFFFFF;
  --fmtsdm-surface: #161616;
  --fmtsdm-edge: #000000;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  margin: clamp(10px, 1.7vw, 22px) 0 clamp(14px, 2vw, 28px);
  font-family: IRansansX, IRANSansX, Tahoma, sans-serif;
  direction: rtl;
}

.fmt-step-marquee__frame {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  min-height: clamp(42px, 4.2vw, 58px);
  display: flex;
  align-items: center;
  border-top: 1px solid var(--fmtsdm-edge);
  border-bottom: 1px solid var(--fmtsdm-edge);
  background:
    linear-gradient(90deg, rgba(212, 0, 0, .18), transparent 18%, transparent 82%, rgba(212, 0, 0, .18)),
    repeating-linear-gradient(-12deg, rgba(255, 255, 255, .045) 0 1px, transparent 1px 22px),
    var(--fmtsdm-surface);
}

.fmt-step-marquee__frame::before,
.fmt-step-marquee__frame::after {
  content: "";
  position: absolute;
  inset-block: 0;
  z-index: 2;
  width: clamp(34px, 8vw, 110px);
  pointer-events: none;
}

.fmt-step-marquee__frame::before {
  right: 0;
  background: linear-gradient(90deg, transparent, var(--fmtsdm-surface));
}

.fmt-step-marquee__frame::after {
  left: 0;
  background: linear-gradient(90deg, var(--fmtsdm-surface), transparent);
}

.fmt-step-marquee__track {
  display: flex;
  align-items: center;
  width: max-content;
  gap: clamp(42px, 7vw, 110px);
  white-space: nowrap;
  will-change: transform;
  animation: fmtsdm-marquee 25s linear infinite;
}

.fmt-step-marquee__item {
  display: inline-flex;
  align-items: center;
  gap: clamp(14px, 2.4vw, 32px);
  color: var(--fmtsdm-ink);
  font-size: clamp(15px, 1.9vw, 27px);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.025em;
  text-rendering: optimizeLegibility;
}

.fmt-step-marquee__text {
  transform: translateY(-.01em);
}

.fmt-step-marquee__spark {
  inline-size: clamp(8px, .9vw, 14px);
  block-size: clamp(8px, .9vw, 14px);
  flex: 0 0 auto;
  background: var(--fmtsdm-red);
  clip-path: polygon(50% 0, 61% 35%, 100% 50%, 61% 65%, 50% 100%, 39% 65%, 0 50%, 39% 35%);
  box-shadow: 0 0 0 1px var(--fmtsdm-red);
}

.fmt-step-marquee__sr {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@keyframes fmtsdm-marquee {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(50%, 0, 0);
  }
}

@media (hover: hover) {
  .fmt-step-marquee__frame:hover .fmt-step-marquee__track {
    animation-play-state: paused;
  }
}

@media (max-width: 767px) {
  .fmt-step-marquee {
    margin: 8px 0 18px;
  }

  .fmt-step-marquee__frame {
    min-height: 42px;
  }

  .fmt-step-marquee__track {
    gap: 46px;
    animation-duration: 19s;
  }

  .fmt-step-marquee__item {
    font-size: 15px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .fmt-step-marquee__track {
    animation: none;
    transform: none;
  }
}
/* FMTSDM category title placement :: START */
@media (min-width: 768px) {
  body.tax-product_cat .wd-page-title .wd-title-wrapp {
    display: flex;
    align-items: center;
    gap: clamp(14px, 2.2vw, 34px);
  }

  body.tax-product_cat .wd-page-title .wd-title-wrapp > .entry-title {
    flex: 0 0 auto;
    margin-block: 0;
    white-space: nowrap;
  }

  body.tax-product_cat .wd-page-title .wd-title-wrapp > .fmt-step-marquee {
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
    margin: 0;
  }

}

@media (max-width: 767px) {
  body.tax-product_cat .wd-page-title .wd-title-wrapp > .fmt-step-marquee {
    margin-top: 10px;
  }
}
/* FMTSDM category title placement :: END */