/* استایل‌های هیرو (hs-*) — این فایل هم در ارسالی نبود و بر اساس کلاس‌های استفاده‌شده در مارک‌آپ بازسازی شده. */

.hs-glass-lite {
    background: rgba(255,255,255,0.10);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.hs-pulse {
    width: 8px; height: 8px; border-radius: 9999px;
    background: #6ce6c1;
    box-shadow: 0 0 0 0 rgba(108,230,193,.6);
    animation: hs-pulse-anim 1.8s ease-out infinite;
}
@keyframes hs-pulse-anim {
    0%   { box-shadow: 0 0 0 0 rgba(108,230,193,.6); }
    70%  { box-shadow: 0 0 0 8px rgba(108,230,193,0); }
    100% { box-shadow: 0 0 0 0 rgba(108,230,193,0); }
}

.hs-aurora {
    background: radial-gradient(60% 50% at 80% 20%, rgba(13,148,136,.25), transparent 60%);
    mix-blend-mode: screen;
}

.hs-grain {
    opacity: .05;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

.hs-reveal { opacity: 0; transform: translateY(14px); transition: opacity .6s ease, transform .6s ease; }
.hs-reveal.is-active,
.swiper-slide-active .hs-reveal { opacity: 1; transform: translateY(0); }

.hs-dot {
    height: 4px;
    border-radius: 9999px;
    background: rgba(255,255,255,.3);
    position: relative;
    overflow: hidden;
    cursor: pointer;
    border: none;
    transition: width .3s ease;
}
.hs-dot .hs-fill { position: absolute; inset: 0; background: #cd962e; transform: scaleX(0); transform-origin: right; }
.hs-dot.is-active .hs-fill { transform: scaleX(1); transition: transform 6s linear; }

.hs-thumb { cursor: pointer; opacity: .55; transition: opacity .25s ease; }
.hs-thumb.is-active,
.hs-thumb:hover { opacity: 1; }

.hs-nums { font-variant-numeric: tabular-nums; }

/* ===================== KEN BURNS ZOOM EFFECT ===================== */

/* تنظیم اولیه تصویر برای جلوگیری از پرش و لرزش در مرورگرها */
.hs-img {
    transition: transform 0.6s ease-out;
    transform: scale(1);
    will-change: transform;
    backface-visibility: hidden;
}

/* ===================== KEN BURNS ZOOM EFFECT ===================== */

/* حالت پایه برای تمام تصاویر اسلایدر */
.hs-img {
    transform: scale(1);
    transition: transform 0.5s ease-out;
    will-change: transform;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

/* انیمیشن زوم بسیار آهسته */
@keyframes hs-ken-burns {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.08);
    }
}

/* اعمال روی اسلاید فعال و اسلایدهای کلون‌شده فعال در حالت Loop */
.swiper-slide-active .hs-img,
.swiper-slide-duplicate-active .hs-img {
    animation: hs-ken-burns 9s cubic-bezier(0.25, 1, 0.5, 1) forwards !important;
}