/* GISOO Flow — نرمی و انیمیشن سراسری (روی dist.css بارگذاری می‌شود) */

:root {
  --ease-flow: cubic-bezier(0.33, 1, 0.68, 1);
  --ease-slide: cubic-bezier(0.45, 0.05, 0.15, 1);
  --duration-flow: 520ms;
  --duration-slide: 1080ms;
  --duration-scroll: 780ms;
}

html {
  scroll-behavior: smooth;
}

/* نرمی اسکرول را اسکریپت می‌سازد؛ smooth خود مرورگر با فریم‌ها قاطی می‌شود */
html.js {
  scroll-behavior: auto;
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  :root {
    --duration-flow: 0ms;
    --duration-slide: 0ms;
    --duration-scroll: 0ms;
  }
}

/* ── ورود بخش‌ها ── */
.js [data-reveal] {
  transition:
    opacity 0.85s var(--ease-flow),
    transform 0.85s var(--ease-flow);
}

.js [data-reveal].is-in {
  transition-timing-function: var(--ease-flow);
}

/* ── هیرو اسلایدر — حتی اگر سیستم reduced-motion باشد، کلیک قبلی/بعدی نرم می‌ماند ── */
.slider--hero .sl-track {
  transition: transform var(--sl-dur, 1100ms) cubic-bezier(0.22, 1, 0.36, 1) !important;
}
.slider--hero .sl-viewport.is-dragging .sl-track {
  transition: none !important;
}
.slider--hero .sl-slide {
  transition: opacity 0.95s cubic-bezier(0.22, 1, 0.36, 1);
}
.slider--hero .sl-slide:not(.is-active) {
  opacity: 0.72;
}
.slider--hero .sl-slide.is-active {
  opacity: 1;
}

.slider--hero.is-transitioning .sl-viewport {
  transition: box-shadow var(--duration-flow) var(--ease-flow);
  box-shadow: 0 18px 48px -28px rgba(23, 29, 32, 0.35);
}

.slider--hero .hero-ctrl-btn,
.slider--hero .hero-ctrl .sl-dots button {
  transition:
    width 0.55s var(--ease-flow),
    background 0.35s var(--ease-flow),
    color 0.35s var(--ease-flow),
    transform 0.35s var(--ease-flow);
}

.slider--hero .hero-ctrl-btn:active {
  transform: scale(0.94);
}

.hero-slide.is-active .hero-slide-copy > * {
  animation: gisoo-flow-rise 0.85s var(--ease-flow) both;
}
.hero-slide.is-active .hero-slide-copy > :nth-child(2) { animation-delay: 0.06s; }
.hero-slide.is-active .hero-slide-copy > :nth-child(3) { animation-delay: 0.12s; }
.hero-slide.is-active .hero-slide-copy > :nth-child(4) { animation-delay: 0.18s; }

@keyframes gisoo-flow-rise {
  from {
    opacity: 0;
    transform: translate3d(0, 14px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

/* ── ریل‌های افقی (تخفیف، قفسه) ── */
.deals-track,
.sh-track,
.pop-track,
.arr-track {
  scroll-behavior: auto;
  scroll-padding-inline: 0.5rem;
}

.deals-arrow,
.sh-arrow {
  transition:
    transform 0.4s var(--ease-flow),
    background 0.35s var(--ease-flow),
    box-shadow 0.35s var(--ease-flow);
}

.deals-card,
.sh-card {
  transition: transform 0.45s var(--ease-flow), box-shadow 0.45s var(--ease-flow);
}

.deals-card:hover,
.sh-card:hover {
  transform: translateY(-2px);
}

/* ── اسپات‌لایت — لغزش نرم، بدون نوارِ اسلاید کناری ── */
.spot-stage {
  display: grid;
  position: relative;
  overflow: hidden;
}

.no-js .spot-stage > .spot-slide:not(:first-child) {
  display: none;
}

.js .spot-stage > .spot-slide {
  grid-area: 1 / 1;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translate3d(calc(-100% - 2px), 0, 0);
  transition: transform 1.1s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.9s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

.js .spot-stage > .spot-slide.is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate3d(0, 0, 0);
  z-index: 2;
}

.js .spot-stage > .spot-slide.is-from-end {
  transform: translate3d(calc(100% + 2px), 0, 0);
}

.js .spot-stage > .spot-slide.is-leaving.is-to-end,
.js .spot-stage > .spot-slide.is-leaving.is-to-start {
  visibility: visible;
  pointer-events: none;
  z-index: 1;
  opacity: 0;
}

.js .spot-stage > .spot-slide.is-leaving.is-to-end {
  transform: translate3d(calc(100% + 2px), 0, 0);
}

.js .spot-stage > .spot-slide.is-leaving.is-to-start {
  transform: translate3d(calc(-100% - 2px), 0, 0);
}

.js .spot-stage > .spot-slide[hidden] {
  display: grid;
}

/* ── تب‌های ویترین ── */
@keyframes gisoo-tab-in {
  from {
    opacity: 0;
    transform: translate3d(0, 10px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

.js [role="tabpanel"].is-flow-in {
  animation: gisoo-tab-in 0.55s var(--ease-flow) both;
}

/* ── دکمه‌ها و لینک‌های پرتکرار ── */
.btn,
.hdr-nlink,
.cats-min-card,
.ai-compact-cta {
  transition-timing-function: var(--ease-flow);
}

@media (prefers-reduced-motion: reduce) {
  .hero-slide.is-active .hero-slide-copy > *,
  .js [role="tabpanel"].is-flow-in {
    animation-duration: 0.01ms !important;
  }
  .deals-card:hover,
  .sh-card:hover {
    transform: none;
  }
}

/* ── حالت تیره — شبِ آتلیه، بدون لکه‌های روشنِ جامانده ── */
[data-theme="dark"] {
  --line-strong: #3A4E5C;
}

[data-theme="dark"] .btn-primary,
[data-theme="dark"] .btn-ink,
[data-theme="dark"] .badge-ink {
  background: #F4F7F9;
  color: #171D20;
}
[data-theme="dark"] .btn-primary:hover,
[data-theme="dark"] .btn-ink:hover { background: #fff; }

[data-theme="dark"] .sh-card-media,
[data-theme="dark"] .pc-frame {
  background: #1C2830;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}
[data-theme="dark"] .vit-card-fill {
  background:
    radial-gradient(circle at 32% 28%, rgba(242, 180, 197, 0.38), transparent 46%),
    linear-gradient(165deg, #314652 0%, #1A242B 78%);
}
[data-theme="dark"] .vit-card-fill[data-i="2"] {
  background:
    radial-gradient(circle at 68% 22%, rgba(242, 180, 197, 0.58), transparent 48%),
    linear-gradient(165deg, #4A3540 0%, #1C2228 76%);
}
[data-theme="dark"] .vit-card-fill[data-i="3"] {
  background:
    radial-gradient(circle at 40% 72%, rgba(122, 169, 196, 0.48), transparent 50%),
    linear-gradient(165deg, #2A4252 0%, #171E24 74%);
}
[data-theme="dark"] .sh-card-p { color: #F4F7F9; }
[data-theme="dark"] .sh-card-was { color: #9AADB8; }
[data-theme="dark"] .sh-card-t a:hover { color: #F2B4C5; }
[data-theme="dark"] .sh-arrow {
  background: #253037;
  color: #F4F7F9;
  box-shadow: inset 0 0 0 1px #3A4E5C;
}
[data-theme="dark"] .sh-arrow:hover { background: #F2B4C5; color: #171D20; }

[data-theme="dark"] .arr-chip {
  background: #253037;
  color: #C3D2DC;
  box-shadow: inset 0 0 0 1px #2E3E48;
}
[data-theme="dark"] .arr-chip:hover { color: #F4F7F9; }
[data-theme="dark"] .arr-chip[aria-selected="true"] {
  background: #F2B4C5;
  color: #171D20;
  box-shadow: none;
}

[data-theme="dark"] .pop-kicker { color: #9EC3D6; }
[data-theme="dark"] .pop-kicker::before { background: #9EC3D6; }
[data-theme="dark"] .pop-cta,
[data-theme="dark"] .arr-all {
  background: #9EC3D6;
  color: #122027;
}
[data-theme="dark"] .pop-cta:hover,
[data-theme="dark"] .arr-all:hover { background: #C5DCEA; }

[data-theme="dark"] .cats-min-ph,
[data-theme="dark"] .cats-ph,
[data-theme="dark"] .cats-tile-fill {
  color: #F2B4C5;
  background: linear-gradient(160deg, #314652, #1A242B);
}
[data-theme="dark"] .cats-ph[data-i="1"],
[data-theme="dark"] .cats-tile-fill[data-i="2"] {
  color: #F2B4C5;
  background: linear-gradient(160deg, #4A3540, #1C2228);
}
[data-theme="dark"] .cats-ph[data-i="2"],
[data-theme="dark"] .cats-tile-fill[data-i="3"] {
  color: #9EC3D6;
  background: linear-gradient(160deg, #2A4252, #171E24);
}
[data-theme="dark"] .cats-ph[data-i="3"],
[data-theme="dark"] .cats-tile-fill[data-i="5"] {
  color: #B7D0C4;
  background: linear-gradient(160deg, #243830, #1A2420);
}
[data-theme="dark"] .cats-ph[data-i="4"],
[data-theme="dark"] .cats-tile-fill[data-i="4"] {
  color: #E4C7A8;
  background: linear-gradient(160deg, #3A3228, #1E1A16);
}

[data-theme="dark"] .pc-act--icon:hover,
[data-theme="dark"] .pc-act--ghost:hover {
  background: #F4F7F9;
  color: #171D20;
}

[data-theme="dark"] footer,
[data-theme="dark"] .ftr {
  background: #12181C;
  box-shadow: inset 0 1px 0 rgba(242, 180, 197, 0.2);
}

[data-theme="dark"] .pd-shot,
[data-theme="dark"] .pd-mono,
[data-theme="dark"] .pd-thumb {
  background: #243038;
  border-color: #3A4E5C;
}
[data-theme="dark"] .pd-thumb.is-on {
  border-color: #F2B4C5;
  background: #1A242B;
}
[data-theme="dark"] .pd-size span {
  background: #243038;
  border-color: #3A4E5C;
  color: #C3D2DC;
}
[data-theme="dark"] .pd-size:has(:checked) span {
  background: #F2B4C5;
  color: #171D20;
  border-color: #F2B4C5;
}
[data-theme="dark"] .pd-swatch:has(:checked) .pd-swatch-dot { outline-color: #F2B4C5; }
[data-theme="dark"] .pd-flag {
  background: #3A2E36;
  color: #F2B4C5;
}
[data-theme="dark"] .pd-note {
  background: #3A2E36;
  border-color: #5C4550;
}
[data-theme="dark"] .pd-note h2,
[data-theme="dark"] .pd-low,
[data-theme="dark"] .pd-wish:hover,
[data-theme="dark"] .pd-wish.is-on { color: #F2B4C5; }
[data-theme="dark"] .pd-box h2,
[data-theme="dark"] .pd-meta-n,
[data-theme="dark"] .pd-stars .num,
[data-theme="dark"] .pd-cur,
[data-theme="dark"] .pd-was,
[data-theme="dark"] .pd-video { color: #9AADB8; }
[data-theme="dark"] .pd-price,
[data-theme="dark"] .pd-lead { color: #F4F7F9; }
[data-theme="dark"] .pd-tile,
[data-theme="dark"] .pd-tile b { color: #F4F7F9; }
[data-theme="dark"] .pd-tile span { color: #A9BCC8; }

[data-theme="dark"] .hero-trust-item {
  background: #243037;
  color: #C3D2DC;
}
[data-theme="dark"] .hero-trust-item b { color: #F4F7F9; }
[data-theme="dark"] .hero-trust-ico {
  background: #1A242B;
  color: #9EC3D6;
}
[data-theme="dark"] .hero-trust-item:nth-child(even) .hero-trust-ico { color: #F2B4C5; }