/* HeyatScrollFxList — افکت اسکرول بومی (stroll-inspired) */
.heyat-sfx {
    width: 100%;
    max-height: var(--heyat-sfx-max-h, 480px);
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0.65rem 0.5rem 1rem;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.55);
    border: 1px solid rgba(42, 120, 184, 0.18);
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
}

.heyat-sfx__list {
    list-style: none;
    margin: 0;
    padding: 0.25rem 0.35rem;
    perspective: 900px;
}

.heyat-sfx-item {
    margin: 0 0 0.85rem;
    padding: 0;
    opacity: 0;
    transform: translateY(24px) scale(0.94);
    transition:
        opacity 0.55s ease,
        transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);
    transition-delay: calc(var(--heyat-sfx-i, 0) * 45ms);
}

.heyat-sfx-item--in {
    opacity: 1;
    transform: none;
}

.heyat-sfx-card {
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 12px 32px rgba(8, 34, 72, 0.12);
    border: 1px solid rgba(42, 120, 184, 0.16);
    text-align: right;
}

.heyat-sfx-card__media {
    aspect-ratio: 16 / 9;
    background: linear-gradient(145deg, #0b1530, #2a78b8);
    overflow: hidden;
}

.heyat-sfx-card__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.heyat-sfx-card__body {
    padding: 0.75rem 0.9rem 0.85rem;
}

.heyat-sfx-card__title {
    margin: 0 0 0.25rem;
    font-size: 1rem;
    font-weight: 900;
    color: #0b1530;
}

.heyat-sfx-card__sub,
.heyat-sfx-card__body-txt {
    margin: 0;
    font-size: 0.82rem;
    line-height: 1.65;
    color: #5a6b7d;
    font-weight: 600;
}

.heyat-sfx-card__actions {
    margin-top: 0.55rem;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.4rem;
}

/* ——— افکت‌ها ——— */
.heyat-sfx--grow .heyat-sfx-item { transform: scale(0.72); }
.heyat-sfx--grow .heyat-sfx-item--in { transform: scale(1); }

.heyat-sfx--cards .heyat-sfx-item { transform: rotateY(28deg) translateX(18px) scale(0.88); transform-origin: right center; }
.heyat-sfx--cards .heyat-sfx-item--in { transform: rotateY(0) translateX(0) scale(1); }

.heyat-sfx--curl .heyat-sfx-item { transform: rotateX(42deg); transform-origin: top center; }
.heyat-sfx--curl .heyat-sfx-item--in { transform: rotateX(0); }

.heyat-sfx--wave .heyat-sfx-item { transform: translateX(calc((var(--heyat-sfx-i, 0) % 2) * 2 - 1) * 28px); }
.heyat-sfx--wave .heyat-sfx-item--in { transform: translateX(0); }

.heyat-sfx--flip .heyat-sfx-item { transform: rotateX(-78deg); transform-origin: center; }
.heyat-sfx--flip .heyat-sfx-item--in { transform: rotateX(0); }

.heyat-sfx--fly .heyat-sfx-item { transform: translateZ(-120px) scale(0.7); }
.heyat-sfx--fly .heyat-sfx-item--in { transform: translateZ(0) scale(1); }

.heyat-sfx--fly-simple .heyat-sfx-item { transform: translateY(40px) scale(0.9); }
.heyat-sfx--fly-simple .heyat-sfx-item--in { transform: none; }

.heyat-sfx--fly-reverse .heyat-sfx-item { transform: translateY(-36px) scale(0.9); }
.heyat-sfx--fly-reverse .heyat-sfx-item--in { transform: none; }

.heyat-sfx--helix .heyat-sfx-item { transform: rotateY(55deg) rotateZ(6deg); }
.heyat-sfx--helix .heyat-sfx-item--in { transform: none; }

.heyat-sfx--fan .heyat-sfx-item { transform: rotate(calc((var(--heyat-sfx-i, 0) - 2) * 4deg)) translateX(12px); transform-origin: bottom right; }
.heyat-sfx--fan .heyat-sfx-item--in { transform: none; }

.heyat-sfx--papercut .heyat-sfx-item { clip-path: inset(0 100% 0 0); }
.heyat-sfx--papercut .heyat-sfx-item--in { clip-path: inset(0 0 0 0); }

.heyat-sfx--twirl .heyat-sfx-item { transform: rotateZ(-16deg) scale(0.85); }
.heyat-sfx--twirl .heyat-sfx-item--in { transform: none; }

@media (prefers-reduced-motion: reduce) {
    .heyat-sfx-item {
        transition: none;
        opacity: 1;
        transform: none !important;
        clip-path: none !important;
    }
}