/* نشان متحرک مشتری در سایدبار (templates/_brandmark_parsa.html):
   ورود = کشیده شدن حلقه‌ها، جا افتادن سه میله، تا خوردن سه وجه کارتن و نشستن نوارهای مشکی (فقط بار اول هر نشست
   یا با رفتن موس روی نشان: کلاس bm-play)؛ حالت آرام = چرخش ملایم دو حلقه‌ی موج‌دار (غلتک فلوت) و برق نور روی مکعب. */
.brand.brand-mark { gap: 10px; }
.bm-badge { position: relative; width: 46px; height: 46px; flex: none; border-radius: 50%; background: #fff; display: grid; place-items: center;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, .14), 0 6px 18px rgba(0, 0, 0, .35); transition: transform .4s var(--k-ease), box-shadow .4s; }
.bm-badge::after { content: ""; position: absolute; inset: -4px; border-radius: 50%; border: 1.5px solid rgba(236, 50, 55, .55);
  opacity: 0; transform: scale(.85); }
.bm-badge .bm-parsa { width: 42px; height: 42px; }
.brand.brand-mark:hover .bm-badge { transform: translateY(-2px) rotate(-6deg); box-shadow: 0 0 0 2px rgba(255, 255, 255, .22), 0 10px 26px rgba(0, 0, 0, .45); }
.brand.brand-mark:hover .bm-badge::after { animation: bmHalo 1.2s var(--k-ease); }
.brand.brand-mark b { font-size: .95rem; line-height: 1.25; }

.bm-parsa { overflow: visible; display: block; }
.bm-parsa * { transform-box: view-box; }
.bm-parsa .bm-spin { transform-origin: 274px 280px; animation: bmSpin 70s linear infinite; }
.bm-parsa .bm-spin.rev { animation-duration: 90s; animation-direction: reverse; }
.bm-parsa .bm-cube { transform-origin: 276px 293px; transition: transform .45s var(--k-ease); }
.brand.brand-mark:hover .bm-cube { transform: translateY(-10px) scale(1.04); }
.bm-parsa .bm-sheen { transform: translateX(-160px); animation: bmSheen 7s ease-in-out 2s infinite; }

/* ورود */
.bm-parsa.bm-play .bm-ring { stroke-dasharray: 1; animation: bmDraw 1s var(--k-ease) both; }
.bm-parsa.bm-play .bm-ring.r2 { animation-delay: .12s; }
.bm-parsa.bm-play .bm-ring.r3 { animation-delay: .24s; }
.bm-parsa.bm-play .bm-wave { transform-origin: 274px 280px; animation: bmWaveIn 1s var(--k-ease) .15s both; }
.bm-parsa.bm-play .bm-wave.w2 { animation-delay: .3s; }
.bm-parsa.bm-play .bm-bar { animation: bmBarIn .6s cubic-bezier(.2, 1.5, .4, 1) .55s both; }
.bm-parsa.bm-play .bm-face { transform-origin: 276px 293px; animation: bmFold .6s cubic-bezier(.2, 1.45, .4, 1) both; }
.bm-parsa.bm-play .bm-face.f1 { animation-delay: .8s; --r: -28deg; }
.bm-parsa.bm-play .bm-face.f2 { animation-delay: .95s; --r: 28deg; }
.bm-parsa.bm-play .bm-face.f3 { animation-delay: 1.1s; --r: 0deg; }
.bm-parsa.bm-play .bm-acc { animation: bmAcc .45s var(--k-ease) 1.4s both; }
.bm-parsa.bm-play .bm-acc.a2 { animation-delay: 1.5s; }

@keyframes bmSpin { to { transform: rotate(360deg); } }
@keyframes bmDraw { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }
@keyframes bmWaveIn { from { opacity: 0; transform: rotate(-60deg) scale(.9); } to { opacity: 1; transform: none; } }
@keyframes bmBarIn { from { opacity: 0; transform: translateY(-46px); } to { opacity: 1; transform: none; } }
@keyframes bmFold { from { opacity: 0; transform: rotate(var(--r)) scale(.15); } to { opacity: 1; transform: none; } }
@keyframes bmAcc { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
@keyframes bmSheen { 0% { transform: translateX(-160px); } 30%, 100% { transform: translateX(420px); } }
@keyframes bmHalo { from { opacity: 1; transform: scale(.85); } to { opacity: 0; transform: scale(1.35); } }

/* چاپ و کاهش حرکت: نشان ثابت */
.bm-parsa.bm-static *, .bm-parsa.bm-static { animation: none !important; }
.bm-parsa.bm-static .bm-sheen { display: none; }
@media (prefers-reduced-motion: reduce) {
  .bm-parsa, .bm-parsa * { animation: none !important; transition: none !important; }
  .bm-parsa .bm-sheen { display: none; }
}
@media print { .bm-parsa .bm-sheen { display: none; } }
