/* =====================================================================
   لایه‌ی حرکت — «پویایی» سایت با ریزتعامل‌های سبک (فقط transform/opacity):
   ورود عناصر با اسکرول، برخاستن کارت‌ها با هاور، زوم آرام هیرو، سایه‌ی هدر
   بعد از اسکرول، دکمه‌ها. با prefers-reduced-motion همه خاموش می‌شود.
   ===================================================================== */
@media (prefers-reduced-motion: no-preference) {
  /* ورود با اسکرول (store.js با IntersectionObserver کلاس is-in می‌دهد) */
  .store [data-reveal] { opacity: 0; transform: translateY(14px); transition: opacity .55s cubic-bezier(.2,.7,.2,1), transform .55s cubic-bezier(.2,.7,.2,1); }
  .store [data-reveal].is-in { opacity: 1; transform: none; }
  .store [data-reveal-stagger] > * { opacity: 0; transform: translateY(12px); transition: opacity .5s cubic-bezier(.2,.7,.2,1), transform .5s cubic-bezier(.2,.7,.2,1); }
  .store [data-reveal-stagger].is-in > * { opacity: 1; transform: none; }
  .store [data-reveal-stagger].is-in > :nth-child(2) { transition-delay: .06s; }
  .store [data-reveal-stagger].is-in > :nth-child(3) { transition-delay: .12s; }
  .store [data-reveal-stagger].is-in > :nth-child(4) { transition-delay: .18s; }
  .store [data-reveal-stagger].is-in > :nth-child(5) { transition-delay: .24s; }
  .store [data-reveal-stagger].is-in > :nth-child(6) { transition-delay: .30s; }
  .store [data-reveal-stagger].is-in > :nth-child(n+7) { transition-delay: .34s; }

  /* هیرو: زوم آرام (Ken Burns) روی اسلاید فعال */
  /* زوم آرام (Ken Burns) هیرو حذف شد — بازخورد مالک: «تصویر تکون نخوره» */

  /* هدر: سایه بعد از اسکرول */
  .store .hh-hdr-sticky { transition: box-shadow .25s; }
  .store.is-scrolled .hh-hdr-sticky { box-shadow: 0 6px 20px rgba(24, 20, 14, .08); }

  /* کارت‌ها: برخاستن با هاور (دسکتاپ) */
  @media (hover: hover) and (pointer: fine) {
    .store .hh-card, .store .hh-tile, .store .hh-coll-card, .store .hh-xpcard, .store .blog-hero, .store [data-blog-feature] a, .store .hh-mag-grid a {
      transition: transform .3s cubic-bezier(.2,.7,.2,1), box-shadow .3s;
    }
    /* ⚠️ هاورِ کارت محصول/کاشی/کالکشن/مجله/استوری از این‌جا برداشته شد:
       با store.css و store.home.css سه تعریفِ ناسازگار داشتیم (کارت محصول
       هم بلند می‌شد هم «نباید بلند شود»، کاشی ‑۳ و ‑۴، استوری هم می‌چرخید
       هم بالا می‌رفت). حالا یک تعریف در store.css («هاورهای خانه»). */
    /* لینک‌های ناوبری: زیرخط لغزان */
    .store .hh-navlink { position: relative; }
    .store .hh-navlink::after { content: ""; position: absolute; inset-inline: 0; bottom: 8px; height: 2px; background: var(--brand); transform: scaleX(0); transform-origin: right; transition: transform .25s; }
    .store .hh-navlink:hover::after { transform: scaleX(1); }
    /* دکمه‌ها: بلند شدن سبک + فشرده شدن هنگام کلیک */
    .store .btn, .store a[style*="background:var(--brand)"], .store button[style*="background:var(--brand)"], .store .hh-hero-cta, .store .hh-cartbar__btn {
      transition: transform .18s, box-shadow .18s, background .2s !important;
    }
    .store .btn:hover, .store a[style*="background:var(--brand)"]:hover, .store button[style*="background:var(--brand)"]:not(:disabled):hover, .store .hh-hero-cta:hover { transform: translateY(-1px); box-shadow: 0 8px 18px rgba(47, 124, 114, .28); }
    .store .btn:active, .store a[style*="background:var(--brand)"]:active, .store button[style*="background:var(--brand)"]:active { transform: translateY(0) scale(.98); box-shadow: none; }
    /* چیپ‌ها و دکمه‌های خطی */
    .store [data-story-rail] > a, .store .hh-sizeopt, .store .hh-swatch { transition: transform .15s, border-color .2s, background .2s, color .2s; }
    .store [data-story-rail] > a:hover, .store .hh-sizeopt:hover { transform: translateY(-1px); }
  }
  /* لمس: پس‌زدن کوتاه هنگام ضربه */
  @media (hover: none) {
    .store .hh-card:active, .store .hh-tile:active, .store .hh-xpcard:active, .store .hh-coll-card:active { transform: scale(.985); transition: transform .12s; }
    .store .btn:active, .store .hh-hero-cta:active, .store .hh-cartbar__btn:active, .store .pdp-buyrow__btn:active { transform: scale(.98); transition: transform .12s; }
  }
  /* محتوای نمای اول همیشه قابل نقاشی است؛ opacity:0 روی main باعث می‌شد
     تصویر ازپیش‌دانلودشده تا نقاشی بعدی (گاه load اسکریپت بیرونی) LCP نشود. */
  /* توست و شیت‌ها */
  .store .hh-sheet, .store .hh-atc { transition: transform .32s cubic-bezier(.2,.8,.2,1); }
}

/* ═══ انیمیشن بین صفحه‌ها (View Transitions — چندسندی) ═══════════════════
   فقط فروشگاه؛ مرورگر بدون پشتیبانی نادیده می‌گیرد. کوتاه و آرام تا
   «کند شدن» حس نشود؛ با prefers-reduced-motion کاملاً خاموش. */
@view-transition { navigation: auto; }
::view-transition-old(root), ::view-transition-new(root) { animation-duration: .22s; animation-timing-function: cubic-bezier(.2,.7,.2,1); }
::view-transition-group(hh-prod) { animation-duration: .34s; animation-timing-function: cubic-bezier(.2,.7,.2,1); }
::view-transition-old(hh-prod), ::view-transition-new(hh-prod) { height: 100%; object-fit: cover; overflow: clip; }
.pdp-stage { view-transition-name: hh-prod; }
/* هدر و نوار پایین موبایل ثابت بمانند، فقط محتوا عوض شود */
.store > header { view-transition-name: hh-header; }
.tabbar { view-transition-name: hh-tabbar; }
@media (prefers-reduced-motion: reduce) {
  @view-transition { navigation: none; }
}

/* ═══ دکمه‌ها گوشه‌تیز (خواست مالک: «هیچ دکمه‌ای نباید گوشه‌گرد باشد») ══════
   این فایل آخرین شیوه‌نامه است، پس روی همه‌ی قاعده‌های قبلی می‌نشیند.
   فقط دکمه‌ها/چیپ‌ها؛ دایره‌های عمداً گرد (استوری، نقطه‌ی رنگ، آواتار،
   دکمه‌های آیکونیِ دایره‌ای، نشان شمارنده) دست نخورده‌اند. */
.store .hh-more, .store .hh-insta__btn, .store .hh-ai-pill, .store .hh-tryon__btn, .store .hh-tryon__kick,
.store .hh-pwa-btn, .store .hh-allcats-link, .store .hh-catnav__sale, .store .hh-hometab,
.store .acct2__chip, .store .acct-todo, .store .acct-bnpl__btn, .store .acct-bnpl__skip,
.store .acct-bnpl-sheet__go, .store .acct-bnpl-sheet__done, .store .acct2__side--sub .acct2__item,
.store .btn, .store .hh-cartbar__btn, .store .co-bar__btn, .store .co-guest__btn,
.store .hh-sale-hd__cd, .store .hh-cat-chip, .store .hh-chip {
  border-radius: 0 !important;
}

/* ═══ هاور دکمه‌ها (بازخورد مالک: «دکمه‌ها وقتی میرم روش هیچ تغییری ندارن») ═══
   یک قاعده برای همه: تیره‌ها روشن‌تر/برندی، روشن‌ها تیره‌تر، قاب‌دارها رنگ
   برند می‌گیرند. فقط روی دستگاه دارای ماوس؛ لمس فقط :active دارد. */
.store .hh-more, .store .hh-insta__btn, .store .hh-ai-pill, .store .hh-pwa-btn, .store .btn,
.store .co-bar__btn, .store .hh-cartbar__btn, .store .co-guest__btn, .store .pdp-buyrow__btn,
.store .hh-cat-chip, .store .hh-chip, .store .acct-bnpl__btn, .store .acct-bnpl-sheet__go,
.store .acct-bnpl-sheet__done, .store .acct-todo, .store .hh-mega__pbtn, .store .hh-hero-cta,
.store button[type=submit], .store a[style*="background:var(--brand)"], .store a[style*="background:var(--brand9)"] {
  transition: background-color .18s, color .18s, border-color .18s, box-shadow .18s, transform .12s;
}
@media (hover: hover) and (pointer: fine) {
  .store .hh-more:hover { background: var(--brand); color: #fff; text-decoration: none; }
  .store .hh-more--light:hover { background: var(--brand9); color: #fff; }
  .store .hh-more:hover::after { transform: translate(-2px, -2px); }
  .store .hh-more::after { transition: transform .18s; }
  .store .hh-insta__btn:hover { background: #fff; color: #0E2E29; }
  .store .hh-ai-pill:hover { background: var(--brand); color: #fff; border-color: var(--brand); text-decoration: none; }
  .store .hh-pwa-btn:hover, .store .hh-cat-chip:hover, .store .hh-chip:hover, .store .acct-todo:hover {
    border-color: var(--brand); color: var(--brand7); background: var(--brand05); text-decoration: none;
  }
  .store .btn:hover { filter: none; background: var(--n100); }
  .store .btn--primary:hover { background: var(--brand7); color: #fff; }
  /* دکمه‌ی خطی (ghost): به‌جای خاکستری شدن، قاب و متن برند می‌گیرد؛ سایه‌ی برندی روی پس‌زمینه‌ی روشن حذف. */
  .store .btn--ghost:hover { background: var(--brand05); border-color: var(--brand); color: var(--brand7); box-shadow: none; }
  .store .hh-cartbar__btn:hover, .store .co-guest__btn:hover { background: var(--brand7); color: #fff; }
  .store .acct-bnpl__btn:hover, .store .acct-bnpl-sheet__go:hover { background: var(--brand7); color: #fff; }
  .store .acct-bnpl-sheet__done:hover { border-color: var(--brand); color: var(--brand7); }
  .store .hh-mega__pbtn:hover { background: var(--brand05); }
  /* دکمه‌های ثبت با استایل درون‌خطی (تسویه، فرم‌ها) */
  .store button[type=submit][style*="background:var(--brand)"]:not(:disabled):hover,
  .store a[style*="background:var(--brand)"]:hover { background: var(--brand7) !important; color: #fff !important; }
  .store a[style*="background:var(--brand9)"]:hover, .store button[style*="background:var(--brand9)"]:not(:disabled):hover { background: var(--brand) !important; color: #fff !important; }
  .store button[type=submit][style*="background:transparent"]:not(:disabled):hover,
  .store a[style*="border:1px solid var(--bd2)"]:hover { border-color: var(--brand) !important; color: var(--brand7) !important; }
}
.store .hh-more:active, .store .btn:active, .store button[type=submit]:not(:disabled):active,
.store .hh-insta__btn:active, .store .co-bar__btn:active, .store .hh-cartbar__btn:active { transform: translateY(1px); }

/* ═══ هیچ گوشه‌ی گردی در فروشگاه نیست — همه‌جا نوک‌تیز (خواسته‌ی مالک) ═══
   یک قاعده‌ی سراسری به‌جای صدها ویرایش پراکنده؛ inline styleها هم پوشش داده
   می‌شوند (!important). فقط اجزایی که ذاتاً دایره‌اند (نقطه، دکمه‌ی رادیو،
   نمونه‌ی رنگ، آواتار، اسپینر، سوییچ، یقه‌ی کادر سئو) دایره می‌مانند. */
html body.store *, html body.store *::before, html body.store *::after { border-radius: 0 !important; }
html body.store :is(
  .hh-seo-card__collar, .hh-cc__grommet, .co-opt__dot, .co-opt__dot > span,
  .hh-switch__track, .hh-switch__knob, .hh-coloropt__dot, .hh-swatch__dot, .pdp-swatch__dot, .hh-card-swatches > *,
  .hh-catnav__dot, .hh-sale-hd__dot, .hm-rail__dot, .acct-hero__dot, .hh-atc__dot,
  .acct2__avatar, .hh-sv__ava, .hh-story__ring, .hh-story__pad, .hh-story__pic,
  .acct-bnpl-sheet__spin, .tryon-wait__spin, .hh-tryon__cut i, .hh-tryon__lbl--b i, .hh-tryon__kick i
) { border-radius: 999px !important; }
html body.store .hh-range2 input[type=range]::-webkit-slider-thumb { border-radius: 999px !important; }
html body.store .hh-range2 input[type=range]::-moz-range-thumb { border-radius: 999px !important; }

/* موبایل: فاصله‌ی کاشی‌های دسته‌ی خانه بیشتر؛ تایمر فروش ویژه پنهان تا سربرگ تک‌خطی بماند */
@media (max-width: 719px) {
  html body.store .hh-sec-cats .hh-rail.hh-pc-rail { gap: 16px !important; }
  html body.store .hh-sale3__cd { display: none !important; }
}
@media (max-width: 719px) {
  html body.store .hh-sale3__band { flex-direction: row; align-items: center; justify-content: space-between; gap: 10px; }
  html body.store .hh-sale3__ttl { min-width: 0; }
  html body.store .hh-sale3__ttl small { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
}

/* عنوان کارت محصول: وزن معمولی */
html body.store .hh-card-title { font-weight: 400 !important; }

/* کارت محصول — یکدست و هم‌تراز در همه‌ی بخش‌ها:
   عنوان همیشه جای دو خط، ردیف رنگ همیشه جا دارد، قیمت نهایی پررنگ‌ترین متن،
   قیمت قبلی و درصد کم‌وزن‌تر؛ برچسب‌ها سبک. */
html body.store .hh-card-title { min-height: 40px; }
html body.store .hh-card-meta { min-height: 20px; }
html body.store .hh-card-price__now { font-weight: 600; }
html body.store .hh-card-price__pct { font-weight: 500; }
html body.store .hh-badge { font-weight: 500; }
html body.store .hh-card-price, html body.store .hh-card-price__now { font-variant-numeric: tabular-nums; }
@media (max-width: 719px) { html body.store .hh-card-title { min-height: 36px; } html body.store .hh-card-meta { min-height: 18px; } }

/* کارت‌های فروش ویژه: ردیف رنگ نمایش داده نمی‌شود تا کارت کوتاه‌تر شود */
html body.store .hh-sale3__card .hh-card-meta { display: none !important; }

/* لوگوی همهمه با سبز برند (خواسته‌ی مالک) */
html body.store .hh-logo__type, html body.store .hh-ftr__logo svg,
html body.store .hh-mdrawer__logo svg, html body.store .co-steps__logo svg { color: var(--brand) !important; }