.elementor-1311 .elementor-element.elementor-element-3d072cc{--display:flex;--min-height:7px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1311 .elementor-element.elementor-element-771ff73{--display:flex;}.elementor-1311 .elementor-element.elementor-element-771ff73.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family );font-weight:var( --e-global-typography-text-font-weight );}.elementor-1311 .elementor-element.elementor-element-e743248 > .elementor-widget-container{margin:-37px 0px 0px 0px;}.elementor-1311 .elementor-element.elementor-element-e743248 img{width:66%;height:109px;}.elementor-1311 .elementor-element.elementor-element-68ca3ff{--display:flex;}.elementor-1311 .elementor-element.elementor-element-68ca3ff.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1311 .elementor-element.elementor-element-2a28455 .elementor-menu-toggle{margin:0 auto;}.elementor-1311 .elementor-element.elementor-element-f506305{--display:flex;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1311 .elementor-element.elementor-element-a98693b .elementor-button-icon svg{width:20px;height:20px;}.elementor-1311 .elementor-element.elementor-element-a98693b .elementor-button-icon i{font-size:20px;}@media(min-width:576px){.elementor-1311 .elementor-element.elementor-element-771ff73{--width:16.288%;}.elementor-1311 .elementor-element.elementor-element-68ca3ff{--width:51.891%;}}/* Start custom CSS for container, class: .elementor-element-3d072cc */<!-- استایل هدر شیشه‌ای شناور -->
<style>
    * { box-sizing: border-box; }

    body { padding-top: 90px; } /* فضای لازم برای هدر شناور - در صورت نیاز تنظیم شود */

    .glass-header {
        position: fixed;
        top: 16px;
        left: 50%;
        transform: translateX(-50%);
        width: calc(100% - 32px);
        max-width: 1400px;
        z-index: 1000;

        direction: rtl;
        font-family: 'Vazirmatn', Tahoma, sans-serif;

        background: rgba(255, 255, 255, 0.55);
        backdrop-filter: blur(14px) saturate(160%);
        -webkit-backdrop-filter: blur(14px) saturate(160%);
        border: 1px solid rgba(255, 255, 255, 0.4);
        border-radius: 14px;
        box-shadow: 0 8px 28px rgba(15, 23, 42, 0.12);
    }

    .glass-header .header-container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        padding: 10px 22px; /* جمع و جور، بدون فضای اضافی */
    }

    /* دکمه CTA سمت چپ */
    .cta-btn {
        display: flex;
        align-items: center;
        gap: 8px;
        background: linear-gradient(135deg, #ef4444, #dc2626);
        color: #fff;
        text-decoration: none;
        font-size: 13.5px;
        font-weight: 700;
        padding: 9px 18px;
        border-radius: 999px;
        white-space: nowrap;
        box-shadow: 0 4px 12px rgba(220, 38, 38, 0.35);
        transition: all 0.25s ease;
    }
    .cta-btn:hover {
        background: linear-gradient(135deg, #dc2626, #b91c1c);
        transform: translateY(-2px);
    }

    /* منو */
    .nav-menu {
        display: flex;
        gap: 25px;
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .nav-menu a {
        color: #1e293b;
        text-decoration: none;
        font-weight: 600;
        font-size: 14px;
        transition: color 0.2s;
        position: relative;
    }
    .nav-menu a:hover { color: #dc2626; }

    /* لوگو */
    .logo img {
        height: 40px;
        width: auto;
        display: block;
    }

    /* واکنش‌گرا برای موبایل */
    @media (max-width: 768px) {
        .nav-menu { display: none; } /* در حالت واقعی باید با منوی همبرگری جایگزین شود */
        .header-container { justify-content: space-between; }
    }
</style>

<!-- ساختار هدر -->
<header class="glass-header">
    <div class="header-container">

        <!-- دکمه CTA -->
        <div class="header-left">
            <a href="#" class="cta-btn">
                درخواست پروپوزال
                <svg width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M14 5l7 7m0 0l-7 7m7-7H3"/></svg>
            </a>
        </div>

        <!-- منو -->
        <nav class="header-nav">
            <ul class="nav-menu">
                <li><a href="#">خانه</a></li>
                <li><a href="#">خدمات ▾</a></li>
                <li><a href="#">نمونه کارها</a></li>
                <li><a href="#">وبلاگ</a></li>
                <li><a href="#">تعرفه ها</a></li>
                <li><a href="#">درباره ما</a></li>
                <li><a href="#">ارتباط با ما ▾</a></li>
            </ul>
        </nav>

        <!-- لوگو -->
        <div class="header-right">
            <a href="#" class="logo"><img src="logo.png" alt="Logo"></a>
        </div>

    </div>
</header>/* End custom CSS */
/* Start custom CSS *//* مخفی کردن فرم لاگین در محیط ویرایشگر المنتور */
.login-register-form.most-register-phone-number {
    display: none !important;
}

/* اگر لایه پس‌زمینه (overlay) هم روی صفحه مانده، این را هم اضافه کنید */
.bac-overlay-most-register-phone-number {
    display: none !important;
}/* End custom CSS */