/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 21 2026 | 06:11:17 */
<style>

.herowp-page-header,
.herowp-page-header * {
    box-sizing: border-box;
}

.herowp-page-header {
    --mmh-primary: #FD941A;
    --mmh-primary-dark: #E37D00;
    --mmh-primary-soft: #FFF4E5;

    --mmh-dark: #18181B;
    --mmh-dark-soft: #27272A;
    --mmh-text: #52525B;
    --mmh-muted: #71717A;

    --mmh-white: #FFFFFF;
    --mmh-border: rgba(24, 24, 27, 0.08);
    --mmh-border-orange: rgba(253, 148, 26, 0.22);

    position: sticky !important;
    top: 0;
    z-index: 9990;

    width: 100%;
    padding: 10px 14px 0;

    background:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.92) 0%,
            rgba(255, 255, 255, 0.72) 75%,
            transparent 100%
        );

    transition:
        padding 0.25s ease,
        background-color 0.25s ease;
}

/* فاصله نوار مدیریت وردپرس */
body.admin-bar .herowp-page-header {
    top: 32px;
}

/*
 * جلوگیری از بریده‌شدن منوی حساب کاربری
 * بدون تغییر ظاهر خود دکمه
 */
.herowp-page-header,
.herowp-page-header .elementor,
.herowp-page-header .e-con,
.herowp-page-header .e-con-inner,
.herowp-page-header .elementor-widget,
.herowp-page-header .elementor-widget-container,
.herowp-page-header .elementor-shortcode {
    overflow: visible !important;
}

/* =========================================================
   دسکتاپ
========================================================= */

@media screen and (min-width: 1025px) {

    /* کانتینر اصلی هدر دسکتاپ */
    .herowp-page-header
    .elementor-element-0f197b6 {
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    .herowp-page-header
    .elementor-element-0f197b6
    > .e-con-inner {
        position: relative;

        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;

        width: 100% !important;
        max-width: 1240px !important;
        min-height: 80px;

        gap: 26px;

        margin: 0 auto !important;
        padding: 10px 14px 10px 18px !important;

        background:
            radial-gradient(
                circle at 8% 0,
                rgba(253, 148, 26, 0.075),
                transparent 180px
            ),
            linear-gradient(
                135deg,
                rgba(255, 255, 255, 0.96),
                rgba(255, 253, 250, 0.92)
            ) !important;

        border: 1px solid var(--mmh-border) !important;
        border-radius: 23px !important;

        box-shadow:
            0 4px 12px rgba(24, 24, 27, 0.035),
            0 16px 38px rgba(24, 24, 27, 0.075) !important;

        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);

        transition:
            min-height 0.25s ease,
            padding 0.25s ease,
            border-color 0.25s ease,
            border-radius 0.25s ease,
            box-shadow 0.25s ease;
    }

    /* خط نارنجی ظریف پایین هدر */
    .herowp-page-header
    .elementor-element-0f197b6
    > .e-con-inner::before {
        position: absolute;
        right: 38px;
        bottom: -1px;
        left: 38px;

        height: 3px;

        background:
            linear-gradient(
                90deg,
                transparent 0%,
                rgba(253, 148, 26, 0.25) 18%,
                var(--mmh-primary) 50%,
                rgba(253, 148, 26, 0.25) 82%,
                transparent 100%
            );

        border-radius: 10px 10px 0 0;

        pointer-events: none;
        content: "";
    }

    /* نت موسیقی بسیار ملایم */
    .herowp-page-header
    .elementor-element-0f197b6
    > .e-con-inner::after {
        position: absolute;
        top: 5px;
        left: 132px;

        color: rgba(253, 148, 26, 0.055);
        font-size: 60px;
        font-weight: 900;
        line-height: 1;

        transform: rotate(-9deg);
        pointer-events: none;

        content: "♪";
    }

    /* بخش لوگو و منوی اصلی */
    .herowp-page-header
    .elementor-element-6d73e4e {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        flex: 1 1 auto !important;

        width: auto !important;
        min-width: 0 !important;

        gap: 34px !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    /* بخش جستجو و حساب کاربری */
    .herowp-page-header
    .elementor-element-d20fd7f {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        flex: 0 0 auto !important;

        width: auto !important;
        min-width: 0 !important;

        gap: 10px !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    /* =====================================================
       لوگوی دسکتاپ
    ===================================================== */

    .herowp-page-header
    .elementor-element-3569d4b {
        flex: 0 0 auto !important;

        width: auto !important;
        max-width: none !important;

        margin: 0 !important;
    }

    .herowp-page-header
    .elementor-element-3569d4b
    .elementor-widget-container {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .herowp-page-header
    .elementor-element-3569d4b a {
        position: relative;

        display: flex;
        align-items: center;
        justify-content: center;

        min-width: 68px;
        min-height: 62px;

        padding: 5px 10px;

        background:
            linear-gradient(
                145deg,
                #FFFFFF,
                #FFF9F2
            );

        border: 1px solid rgba(253, 148, 26, 0.13);
        border-radius: 17px;

        box-shadow:
            0 7px 18px rgba(24, 24, 27, 0.055);

        text-decoration: none !important;

        transition:
            transform 0.25s ease,
            border-color 0.25s ease,
            box-shadow 0.25s ease;
    }

    .herowp-page-header
    .elementor-element-3569d4b a:hover {
        border-color: rgba(253, 148, 26, 0.32);

        box-shadow:
            0 10px 24px rgba(253, 148, 26, 0.14);

        transform: translateY(-2px);
    }

    .herowp-page-header
    .elementor-element-3569d4b img {
        display: block !important;

        width: auto !important;
        max-width: 70px !important;
        height: auto !important;
        max-height: 58px !important;

        margin: 0 auto !important;

        object-fit: contain;
        transition: transform 0.25s ease;
    }

    .herowp-page-header
    .elementor-element-3569d4b a:hover img {
        transform: scale(1.035);
    }

    /* =====================================================
       منوی اصلی
    ===================================================== */

    .herowp-page-header
    .elementor-element-e882948 {
        flex: 1 1 auto !important;

        width: auto !important;
        min-width: 0 !important;

        margin: 0 !important;
    }

    .herowp-page-header
    .elementor-element-e882948
    .site-navigation,
    .herowp-page-header
    .elementor-element-e882948
    .float-menu,
    .herowp-page-header
    .elementor-element-e882948
    nav,
    .herowp-page-header
    .elementor-element-e882948
    .menu-container {
        width: 100% !important;
    }

    .herowp-page-header
    .herowp-navigation ul.menu {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        flex-wrap: nowrap !important;

        gap: 4px !important;

        width: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        list-style: none !important;
    }

    .herowp-page-header
    .herowp-navigation ul.menu > li {
        position: relative;

        display: flex !important;
        align-items: center !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .herowp-page-header
    .herowp-navigation ul.menu > li > a {
        position: relative;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        min-height: 46px;

        padding: 9px 14px !important;

        color: var(--mmh-dark-soft) !important;
        font-family: inherit !important;
        font-size: 13px !important;
        font-weight: 750 !important;
        line-height: 1.8 !important;
        white-space: nowrap;
        text-decoration: none !important;

        background: transparent !important;
        border: 1px solid transparent !important;
        border-radius: 13px !important;

        transition:
            color 0.22s ease,
            background-color 0.22s ease,
            border-color 0.22s ease,
            transform 0.22s ease,
            box-shadow 0.22s ease;
    }

    /* حذف افکت قدیمی قالب */
    .herowp-page-header
    .herowp-navigation ul.menu > li > a::after {
        display: none !important;
        content: none !important;
    }

    /* نقطه موسیقی هنگام Hover */
    .herowp-page-header
    .herowp-navigation ul.menu > li > a::before {
        position: absolute;
        right: 50%;
        bottom: 4px;

        width: 5px;
        height: 5px;

        background: var(--mmh-primary);
        border-radius: 50%;

        opacity: 0;
        transform:
            translateX(50%)
            translateY(4px)
            scale(0.5);

        transition:
            opacity 0.2s ease,
            transform 0.2s ease;

        content: "";
    }

    .herowp-page-header
    .herowp-navigation ul.menu > li > a:hover {
        color: var(--mmh-primary-dark) !important;

        background:
            linear-gradient(
                135deg,
                #FFF9F2,
                var(--mmh-primary-soft)
            ) !important;

        border-color: rgba(253, 148, 26, 0.16) !important;

        box-shadow:
            0 6px 14px rgba(253, 148, 26, 0.09);

        transform: translateY(-1px);
    }

    .herowp-page-header
    .herowp-navigation ul.menu > li > a:hover::before {
        opacity: 1;

        transform:
            translateX(50%)
            translateY(0)
            scale(1);
    }

    /* آیتم صفحه فعال */
    .herowp-page-header
    .herowp-navigation ul.menu
    > li.current-menu-item
    > a,
    .herowp-page-header
    .herowp-navigation ul.menu
    > li.current_page_item
    > a,
    .herowp-page-header
    .herowp-navigation ul.menu
    > li.current-menu-ancestor
    > a {
        color: var(--mmh-primary-dark) !important;

        background:
            linear-gradient(
                135deg,
                #FFF7EB,
                #FFE8C7
            ) !important;

        border-color: rgba(253, 148, 26, 0.2) !important;

        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.85),
            0 7px 16px rgba(253, 148, 26, 0.1);
    }

    .herowp-page-header
    .herowp-navigation ul.menu
    > li.current-menu-item
    > a::before,
    .herowp-page-header
    .herowp-navigation ul.menu
    > li.current_page_item
    > a::before {
        opacity: 1;

        transform:
            translateX(50%)
            translateY(0)
            scale(1);
    }

    /* زیرمنو در صورت اضافه‌شدن */
    .herowp-page-header
    .herowp-navigation ul.menu > li > ul {
        top: calc(100% + 10px) !important;

        min-width: 220px !important;

        padding: 9px !important;

        background: rgba(255, 255, 255, 0.97) !important;
        border: 1px solid var(--mmh-border) !important;
        border-radius: 16px !important;

        box-shadow:
            0 18px 42px rgba(24, 24, 27, 0.13) !important;

        backdrop-filter: blur(15px);
        -webkit-backdrop-filter: blur(15px);
    }

    .herowp-page-header
    .herowp-navigation ul.menu > li > ul a {
        padding: 9px 12px !important;

        color: var(--mmh-dark) !important;
        font-size: 12px !important;
        font-weight: 700 !important;

        border-radius: 10px !important;
    }

    .herowp-page-header
    .herowp-navigation ul.menu > li > ul a:hover {
        color: var(--mmh-primary-dark) !important;
        background: var(--mmh-primary-soft) !important;
    }

    /* =====================================================
       دکمه جستجو
    ===================================================== */

    .herowp-page-header
    .elementor-element-651c44e {
        flex: 0 0 auto !important;

        width: auto !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .herowp-page-header
    .elementor-element-651c44e
    .emperor-search-btn {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;

        text-decoration: none !important;
    }

    .herowp-page-header
    .elementor-element-651c44e
    .top-bar-cart.search {
        position: relative;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 50px !important;
        min-width: 50px !important;
        height: 50px !important;
        min-height: 50px !important;

        margin: 0 !important;
        padding: 0 !important;

        color: #FFFFFF !important;

        background:
            linear-gradient(
                145deg,
                #303034,
                #17171A
            ) !important;

        border: 1px solid rgba(255, 255, 255, 0.12) !important;
        border-radius: 14px !important;

        box-shadow:
            0 9px 20px rgba(24, 24, 27, 0.18) !important;

        overflow: hidden;

        transition:
            transform 0.22s ease,
            background 0.22s ease,
            box-shadow 0.22s ease;
    }

    .herowp-page-header
    .elementor-element-651c44e
    .top-bar-cart.search::before {
        position: absolute;
        inset: 1px;

        background:
            linear-gradient(
                180deg,
                rgba(255, 255, 255, 0.12),
                transparent
            );

        border-radius: 12px;
        pointer-events: none;

        content: "";
    }

    .herowp-page-header
    .elementor-element-651c44e
    .top-bar-cart.search:hover {
        background:
            linear-gradient(
                135deg,
                #FF8500,
                var(--mmh-primary),
                #FFAD3C
            ) !important;

        box-shadow:
            0 13px 26px rgba(253, 148, 26, 0.28) !important;

        transform: translateY(-2px);
    }

    .herowp-page-header
    .elementor-element-651c44e
    .top-bar-cart.search i {
        position: relative;
        z-index: 2;

        color: #FFFFFF !important;
        font-size: 18px !important;

        transition: transform 0.22s ease;
    }

    .herowp-page-header
    .elementor-element-651c44e
    .top-bar-cart.search:hover i {
        transform: rotate(-8deg) scale(1.06);
    }

    /*
     * ویجت حساب کاربری
     * فقط چیدمان خارجی؛ داخل دکمه تغییر نمی‌کند.
     */
    .herowp-page-header
    .elementor-element-fdb20b9 {
        position: relative;
        z-index: 1000;

        flex: 0 0 auto !important;

        width: auto !important;

        margin: 0 !important;
        padding: 0 !important;
    }
}

/* =========================================================
   حالت هدر پس از اسکرول
========================================================= */

@media screen and (min-width: 1025px) {

    .herowp-page-header.mm-header-scrolled {
        padding-top: 6px;

        background:
            linear-gradient(
                180deg,
                rgba(255, 255, 255, 0.97),
                rgba(255, 255, 255, 0.86),
                transparent
            );
    }

    .herowp-page-header.mm-header-scrolled
    .elementor-element-0f197b6
    > .e-con-inner {
        min-height: 70px;

        padding-top: 7px !important;
        padding-bottom: 7px !important;

        border-color: rgba(253, 148, 26, 0.15) !important;
        border-radius: 19px !important;

        box-shadow:
            0 8px 22px rgba(24, 24, 27, 0.07),
            0 20px 48px rgba(24, 24, 27, 0.1) !important;
    }

    .herowp-page-header.mm-header-scrolled
    .elementor-element-3569d4b a {
        min-height: 54px;
    }

    .herowp-page-header.mm-header-scrolled
    .elementor-element-3569d4b img {
        max-height: 50px !important;
    }
}

/* =========================================================
   تبلت و موبایل
========================================================= */

@media screen and (max-width: 1024px) {

    .herowp-page-header {
        padding: 8px 8px 0;

        background:
            linear-gradient(
                180deg,
                rgba(255, 255, 255, 0.94),
                rgba(255, 255, 255, 0.72),
                transparent
            );
    }

    /* کانتینر موبایل Elementor */
    .herowp-page-header
    .elementor-element-59ac5e4 {
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    .herowp-page-header
    .elementor-element-59ac5e4
    > .e-con-inner {
        position: relative;

        display: grid !important;
        grid-template-columns: 50px minmax(0, 1fr) 50px !important;
        align-items: center !important;

        width: 100% !important;
        max-width: 100% !important;
        min-height: 68px;

        gap: 8px;

        margin: 0 auto !important;
        padding: 7px 9px !important;

        direction: rtl;

        background:
            radial-gradient(
                circle at 15% 0,
                rgba(253, 148, 26, 0.075),
                transparent 130px
            ),
            rgba(255, 255, 255, 0.94) !important;

        border: 1px solid var(--mmh-border) !important;
        border-radius: 19px !important;

        box-shadow:
            0 5px 14px rgba(24, 24, 27, 0.04),
            0 15px 32px rgba(24, 24, 27, 0.08) !important;

        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);

        transition:
            border-color 0.22s ease,
            box-shadow 0.22s ease,
            transform 0.22s ease;
    }

    /* خط نارنجی زیر هدر موبایل */
    .herowp-page-header
    .elementor-element-59ac5e4
    > .e-con-inner::after {
        position: absolute;
        right: 26px;
        bottom: -1px;
        left: 26px;

        height: 3px;

        background:
            linear-gradient(
                90deg,
                transparent,
                var(--mmh-primary),
                transparent
            );

        border-radius: 10px 10px 0 0;
        pointer-events: none;

        content: "";
    }

    /* منوی همبرگری */
    .herowp-page-header
    .elementor-element-2ced0e2 {
        grid-column: 1;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;

        width: 50px !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    /* لوگوی وسط */
    .herowp-page-header
    .elementor-element-f58388e {
        grid-column: 2;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    /* حساب کاربری موبایل */
    .herowp-page-header
    .elementor-element-5ecbac5 {
        position: relative;
        z-index: 1000;

        grid-column: 3;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;

        width: 50px !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    /* =====================================================
       دکمه منوی موبایل
    ===================================================== */

    .herowp-page-header
    .elementor-element-d1efced {
        width: auto !important;
        margin: 0 !important;
    }

    .herowp-page-header
    .mobile-nav-toggle {
        position: relative;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 48px !important;
        min-width: 48px !important;
        height: 48px !important;
        min-height: 48px !important;

        margin: 0 !important;
        padding: 0 !important;

        background:
            linear-gradient(
                145deg,
                #303034,
                #17171A
            ) !important;

        border: 1px solid rgba(255, 255, 255, 0.12) !important;
        border-radius: 14px !important;

        box-shadow:
            0 9px 20px rgba(24, 24, 27, 0.18) !important;

        text-decoration: none !important;
        overflow: hidden;

        transition:
            transform 0.2s ease,
            background 0.2s ease,
            box-shadow 0.2s ease;
    }

    .herowp-page-header
    .mobile-nav-toggle::before {
        position: absolute;
        inset: 1px;

        background:
            linear-gradient(
                180deg,
                rgba(255, 255, 255, 0.12),
                transparent
            );

        border-radius: 12px;
        pointer-events: none;

        content: "";
    }

    .herowp-page-header
    .mobile-nav-toggle:active {
        background:
            linear-gradient(
                135deg,
                #FF8500,
                var(--mmh-primary)
            ) !important;

        transform: scale(0.96);
    }

    /* سه خط همبرگر */
    .herowp-page-header
    .mobile-nav-toggle
    .the-icon {
        position: relative;
        z-index: 2;

        display: block !important;

        width: 20px !important;
        height: 2px !important;

        margin: 0 !important;

        background: #FFFFFF !important;
        border: 0 !important;
        border-radius: 10px !important;

        transition:
            background-color 0.2s ease,
            transform 0.2s ease;
    }

    .herowp-page-header
    .mobile-nav-toggle
    .the-icon::before,
    .herowp-page-header
    .mobile-nav-toggle
    .the-icon::after {
        position: absolute;
        right: 0;

        display: block;

        height: 2px;

        background: #FFFFFF !important;
        border: 0 !important;
        border-radius: 10px;

        transition:
            width 0.2s ease,
            transform 0.2s ease;

        content: "";
    }

    .herowp-page-header
    .mobile-nav-toggle
    .the-icon::before {
        top: -6px;
        width: 20px;
    }

    .herowp-page-header
    .mobile-nav-toggle
    .the-icon::after {
        top: 6px;
        width: 14px;
    }

    .herowp-page-header
    .mobile-nav-toggle:hover
    .the-icon::after {
        width: 20px;
    }

    /* =====================================================
       لوگوی موبایل
    ===================================================== */

    .herowp-page-header
    .elementor-element-765800a {
        width: auto !important;
        max-width: none !important;

        margin: 0 !important;
    }

    .herowp-page-header
    .elementor-element-765800a
    .elementor-widget-container,
    .herowp-page-header
    .elementor-element-765800a a {
        display: flex !important;
        align-items: center;
        justify-content: center;
    }

    .herowp-page-header
    .elementor-element-765800a a {
        min-width: 58px;
        min-height: 52px;

        padding: 3px 8px;

        background:
            linear-gradient(
                145deg,
                #FFFFFF,
                #FFF9F2
            );

        border: 1px solid rgba(253, 148, 26, 0.12);
        border-radius: 14px;

        box-shadow:
            0 5px 13px rgba(24, 24, 27, 0.045);

        text-decoration: none !important;
    }

    .herowp-page-header
    .elementor-element-765800a img {
        display: block !important;

        width: auto !important;
        max-width: 60px !important;
        height: auto !important;
        max-height: 49px !important;

        margin: 0 auto !important;

        object-fit: contain;
    }

    /* حالت اسکرول موبایل */
    .herowp-page-header.mm-header-scrolled
    .elementor-element-59ac5e4
    > .e-con-inner {
        border-color: rgba(253, 148, 26, 0.15) !important;

        box-shadow:
            0 8px 20px rgba(24, 24, 27, 0.07),
            0 18px 40px rgba(24, 24, 27, 0.11) !important;
    }
}

/* =========================================================
   موبایل‌های کوچک
========================================================= */

@media screen and (max-width: 480px) {

    .herowp-page-header {
        padding-right: 6px;
        padding-left: 6px;
    }

    .herowp-page-header
    .elementor-element-59ac5e4
    > .e-con-inner {
        grid-template-columns: 46px minmax(0, 1fr) 46px !important;

        min-height: 64px;

        gap: 6px;

        padding: 6px 7px !important;

        border-radius: 17px !important;
    }

    .herowp-page-header
    .elementor-element-2ced0e2,
    .herowp-page-header
    .elementor-element-5ecbac5 {
        width: 46px !important;
    }

    .herowp-page-header
    .mobile-nav-toggle {
        width: 45px !important;
        min-width: 45px !important;
        height: 45px !important;
        min-height: 45px !important;

        border-radius: 13px !important;
    }

    .herowp-page-header
    .elementor-element-765800a a {
        min-height: 48px;
    }

    .herowp-page-header
    .elementor-element-765800a img {
        max-width: 54px !important;
        max-height: 45px !important;
    }
}

/* =========================================================
   نوار مدیریت وردپرس در موبایل
========================================================= */

@media screen and (max-width: 782px) {

    body.admin-bar .herowp-page-header {
        top: 46px;
    }
}

/* =========================================================
   کاهش حرکت
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .herowp-page-header,
    .herowp-page-header *,
    .herowp-page-header *::before,
    .herowp-page-header *::after {
        scroll-behavior: auto !important;
        transition: none !important;
        animation: none !important;
    }
}
</style>

<script>
(function () {
    'use strict';

    /*
     * فقط برای تغییر سایه و فرم هدر هنگام اسکرول.
     * هیچ تغییری روی دکمه حساب کاربری انجام نمی‌دهد.
     */
    function initializeMohsenHeader() {
        const header = document.querySelector(
            '.herowp-page-header'
        );

        if (!header) {
            return;
        }

        let ticking = false;

        function updateHeaderState() {
            if (window.scrollY > 18) {
                header.classList.add(
                    'mm-header-scrolled'
                );
            } else {
                header.classList.remove(
                    'mm-header-scrolled'
                );
            }

            ticking = false;
        }

        function handleScroll() {
            if (ticking) {
                return;
            }

            ticking = true;

            window.requestAnimationFrame(
                updateHeaderState
            );
        }

        updateHeaderState();

        window.addEventListener(
            'scroll',
            handleScroll,
            {
                passive: true
            }
        );
    }

    if (document.readyState === 'loading') {
        document.addEventListener(
            'DOMContentLoaded',
            initializeMohsenHeader
        );
    } else {
        initializeMohsenHeader();
    }
})();
</script>