/* Hebemys Eco Homepage Mini Strip 1.5.0 — proportions matched to Hebemys Footer 1.2.18 (read-only reference) — scoped styles only. */
.hebeco-mini-strip,
.hebeco-mini-strip * { box-sizing: border-box; }

.hebeco-mini-strip.hebeco-mini-strip {
  --hebeco-pink: #b51e8e;
  --hebeco-pink-dark: #7d1264;
  --hebeco-pink-light: #e0489f;
  --hebeco-navy: #153c66;
  --hebeco-h: 162px; /* = footer CTA band; JS keeps it identical */
  --hebeco-pitch: 44px;
  --hebeco-pl: max(36px, calc((100% - 1380px) / 2));
  --hebeco-pr: 0px;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0 var(--hebeco-pr) 0 var(--hebeco-pl);
  position: relative;
  z-index: 1;
  overflow: hidden;
  font-family: inherit;
  color: var(--hebeco-navy);
  background: linear-gradient(90deg, #fff 0%, #fff 34%, #fdf3fa 100%);
  border-top: 0;
  border-bottom: 0;
  box-shadow: inset 0 1px 0 #e3ebf2;
}

.hebeco-mini-strip::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(105deg, transparent 35%, rgba(181,30,142,.08) 50%, transparent 65%);
  transform: translateX(-100%);
  animation: hebeco-sweep 6s ease-in-out 1.2s infinite;
}
@keyframes hebeco-sweep {
  0%   { transform: translateX(-100%); }
  45%, 100% { transform: translateX(100%); }
}

.hebeco-mini-strip__link,
.hebeco-mini-strip__link:visited {
  display: block;
  position: relative;
  z-index: 1;
  text-decoration: none !important;
  color: inherit !important;
  background: transparent;
}
.hebeco-mini-strip__link:focus-visible {
  outline: 2px solid var(--hebeco-pink);
  outline-offset: -3px;
}

.hebeco-mini-strip__inner {
  width: 100%;
  max-width: none;
  margin: 0;
  height: var(--hebeco-h);
  padding: 0;
  display: flex;
  align-items: center;
  gap: 26px;
}

.hebeco-mini-strip__rotator {
  position: relative;
  flex: 0 0 calc(600px + var(--hebeco-pl));
  width: calc(600px + var(--hebeco-pl));
  height: 100%;
  overflow: hidden;
  color: #fff;
  background:
    radial-gradient(120% 140% at 100% 0%, rgba(255,255,255,.18), transparent 55%),
    linear-gradient(100deg, var(--hebeco-pink-dark) 0%, var(--hebeco-pink) 55%, var(--hebeco-pink-light) 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 26px 100%);
}

.hebeco-mini-strip__pointer {
  position: absolute;
  top: 50%;
  right: var(--hebeco-pl);
  margin-top: -8px;
  color: #fff;
  transform: rotate(0deg);
  filter: drop-shadow(0 0 6px rgba(255,255,255,.55));
  z-index: 2;
}
.hebeco-mini-strip__rotator.is-tick .hebeco-mini-strip__pointer {
  animation: hebeco-point 520ms cubic-bezier(.3,1.6,.5,1);
}
@keyframes hebeco-point {
  0%   { transform: translateX(0) scale(1); }
  35%  { transform: translateX(-5px) scale(1.25); }
  100% { transform: translateX(0) scale(1); }
}

.hebeco-mini-strip__reel {
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 12%, #000 88%, transparent 100%);
          mask-image: linear-gradient(to bottom, transparent 0%, #000 12%, #000 88%, transparent 100%);
}
.hebeco-mini-strip__item {
  position: absolute;
  top: 50%;
  right: calc(var(--hebeco-pl) + 36px);
  left: 34px;
  height: 32px;
  margin-top: -16px;
  line-height: 32px;
  font-size: 22px;
  font-weight: 700;
  white-space: nowrap;
  text-align: right;
  overflow: visible;
  transform-origin: right center;
  opacity: 0;
  letter-spacing: 0;
}

.hebeco-mini-strip__item {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
}
.hebeco-mini-strip__item-fa {
  font-weight: 650;
  line-height: 1;
}
.hebeco-mini-strip__item-sep {
  opacity: .7;
  font-weight: 400;
  line-height: 1;
}
.hebeco-mini-strip__item-en {
  font-family: Arial, Helvetica, sans-serif;
  font-variant-numeric: lining-nums;
  direction: ltr;
  unicode-bidi: isolate;
  font-size: .84em;
  font-weight: 500;
  letter-spacing: .06em;
  opacity: .92;
  line-height: 1;
}
.hebeco-mini-strip__item:first-child { opacity: 1; }

.hebeco-mini-strip__reel.is-ready .hebeco-mini-strip__item {
  transform: translateY(calc(var(--o, 0) * var(--hebeco-pitch))) scale(.74);
  opacity: 0;
  transition: transform 520ms cubic-bezier(.22,.9,.28,1), opacity 380ms ease, text-shadow 380ms ease;
  will-change: transform, opacity;
}
.hebeco-mini-strip__reel.is-ready .hebeco-mini-strip__item[data-d="0"] {
  transform: translateY(0) scale(1);
  opacity: 1;
  text-shadow: 0 0 18px rgba(255,255,255,.45);
}
.hebeco-mini-strip__reel.is-ready .hebeco-mini-strip__item[data-d="1"] {
  transform: translateY(calc(var(--o, 0) * var(--hebeco-pitch))) scale(.78);
  opacity: .45;
}
.hebeco-mini-strip__reel.is-ready .hebeco-mini-strip__item[data-d="2"] {
  transform: translateY(calc(var(--o, 0) * var(--hebeco-pitch))) scale(.64);
  opacity: .14;
}

.hebeco-mini-strip__bar {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 3px;
  width: 100%;
  background: rgba(255,255,255,.85);
  transform-origin: right center;
  transform: scaleX(0);
  opacity: .9;
}
.hebeco-mini-strip__bar.is-running {
  animation: hebeco-bar var(--hebeco-step-ms, 2000ms) linear forwards;
}
@keyframes hebeco-bar {
  from { transform: scaleX(0); }
  to   { transform: scaleX(1); }
}
.hebeco-mini-strip.is-paused .hebeco-mini-strip__bar { opacity: .35; }

.hebeco-mini-strip__identity {
  display: inline-flex;
  flex: 1;
  gap: 16px;
  align-items: center;
  min-width: 0;
  white-space: nowrap;
}
.hebeco-mini-strip__logo-wrap {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}
.hebeco-mini-strip__logo {
  display: block;
  height: 38px;
  width: auto;
}
.hebeco-mini-strip__separator {
  display: inline-block;
  height: 24px;
  width: 1px;
  flex-shrink: 0;
  background: #d9c3d2;
}
.hebeco-mini-strip__description {
  display: inline-block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #5c6b7e;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.85;
}

.hebeco-mini-strip__cta {
  display: inline-flex;
  align-items: center;
  align-self: center;
  justify-content: space-between;
  gap: 27px;
  flex-shrink: 0;
  margin: 0 auto 0 0;
  padding: 12px 19px;
  position: relative;
  top: var(--hebeco-dy, 0px);
  border-radius: 4px;
  border: 1px solid #005486;
  background: #005486;
  color: #fff !important;
  font-size: 14px;
  font-weight: 750;
  line-height: 1.85;
  white-space: nowrap;
  box-shadow: 0 6px 20px rgba(0,60,100,.18);
  transition: background-color 220ms ease, color 220ms ease, border-color 220ms ease, box-shadow 220ms ease, transform 300ms cubic-bezier(.2,.8,.2,1);
}
.hebeco-mini-strip__cta-text { display: block; margin: 0; padding: 0; line-height: 1.85; }
.hebeco-mini-strip__cta svg { display: block; margin: 0; width: 19px; height: 19px; transition: transform 200ms ease; }
.hebeco-mini-strip__link:hover .hebeco-mini-strip__cta {
  background: var(--hebeco-pink);
  border-color: var(--hebeco-pink);
  color: #fff;
  box-shadow: 0 10px 26px rgba(181,30,142,.28);
  transform: translateY(-2px);
}
.hebeco-mini-strip__link:hover .hebeco-mini-strip__cta svg { transform: translateX(-3px); }

/* English digits are drawn by CSS so no Persian font/plugin can convert them */
.hebeco-dg { display: inline; font-family: Arial, Helvetica, sans-serif; }
.hebeco-dg--zero::before { content: "0"; }
.hebeco-dg--one::before { content: "1"; }
.hebeco-dg--two::before { content: "2"; }
.hebeco-dg--three::before { content: "3"; }
.hebeco-dg--four::before { content: "4"; }
.hebeco-dg--five::before { content: "5"; }
.hebeco-dg--six::before { content: "6"; }
.hebeco-dg--seven::before { content: "7"; }
.hebeco-dg--eight::before { content: "8"; }
.hebeco-dg--nine::before { content: "9"; }

@media (max-width: 1280px) {
  .hebeco-mini-strip__rotator { flex-basis: calc(430px + var(--hebeco-pl)); width: calc(430px + var(--hebeco-pl)); }
}
@media (max-width: 1080px) {
  .hebeco-mini-strip__inner { gap: 16px; }
  .hebeco-mini-strip__rotator { flex-basis: calc(380px + var(--hebeco-pl)); width: calc(380px + var(--hebeco-pl)); }
  .hebeco-mini-strip__item { font-size: 19px; right: calc(var(--hebeco-pl) + 34px); }
  .hebeco-mini-strip__cta { padding: 0; width: 52px; height: 52px; justify-content: center; }
  .hebeco-mini-strip__cta-text { display: none; }
}
@media (max-width: 860px) and (min-width: 641px) {
  .hebeco-mini-strip__separator,
  .hebeco-mini-strip__description { display: none; }
}
@media (max-width: 640px) {
  .hebeco-mini-strip { --hebeco-h: 79px; --hebeco-pitch: 34px; }
  .hebeco-mini-strip__inner { gap: 10px; }
  .hebeco-mini-strip__rotator { flex-basis: calc(220px + var(--hebeco-pl)); width: calc(220px + var(--hebeco-pl)); clip-path: polygon(0 0, 100% 0, 100% 100%, 16px 100%); }
  .hebeco-mini-strip__pointer { right: var(--hebeco-pl); width: 13px; height: 13px; margin-top: -6px; }
  .hebeco-mini-strip__item { font-size: 14px; right: calc(var(--hebeco-pl) + 28px); left: 16px; height: 36px; margin-top: -18px; line-height: 1.15; flex-direction: column; align-items: flex-start; justify-content: center; gap: 3px; }
  .hebeco-mini-strip__item-sep { display: none; }
  .hebeco-mini-strip__item-en { font-size: 10.5px; letter-spacing: .04em; line-height: 1.1; }
  .hebeco-mini-strip__identity { flex-direction: column; align-items: flex-start; gap: 1px; overflow: hidden; }
  .hebeco-mini-strip__logo { height: 20px; }
  .hebeco-mini-strip__description { font-size: 10.5px; max-width: 100%; white-space: normal; line-height: 1.6; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; }
  .hebeco-mini-strip__separator,
  .hebeco-mini-strip__cta { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .hebeco-mini-strip::after { animation: none; display: none; }
  .hebeco-mini-strip__reel.is-ready .hebeco-mini-strip__item,
  .hebeco-mini-strip__cta,
  .hebeco-mini-strip__cta svg { transition: none !important; }
  .hebeco-mini-strip__bar { display: none; }
  .hebeco-mini-strip__rotator.is-tick .hebeco-mini-strip__pointer { animation: none; }
}

/* v1.5.0: prevent unrelated theme/global image styles from enlarging the logo. */
.hebeco-mini-strip .hebeco-mini-strip__logo {
  height: 38px !important;
  width: auto !important;
  max-width: 190px !important;
  max-height: 38px !important;
  object-fit: contain !important;
}
@media (max-width: 640px) {
  .hebeco-mini-strip .hebeco-mini-strip__logo {
    height: 20px !important;
    max-height: 20px !important;
    max-width: 110px !important;
  }
}