.elementor-74 .elementor-element.elementor-element-fec66da{--display:flex;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-6d044c2 */:root {
    --lime: #d4ff00;
    --bg-dark: #000;
    --border: #222;
    --transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.nav-wrapper {
    direction: ltr;
    width: 100%;
    margin: 0 auto;
    position: relative;
    font-family: 'Plus Jakarta Sans', sans-serif;
    z-index: 1000;
}

.main-header {
    background-color: var(--bg-dark);
    border-bottom: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 30px;
    position: relative; /* برای پوزیشن مطلق آیکون در موبایل */
}

.header-left { display: flex; align-items: center; gap: 20px; }
.logo img { height: 45px; display: block; }

.vertical-divider {
    width: 1px;
    height: 30px;
    background-color: var(--border);
}

/* Desktop Menu */
.desktop-menu { display: flex; align-items: center; gap: 20px; }
.desktop-menu a {
    color: #fff; text-decoration: none; font-weight: 600; font-size: 16px; opacity: 0.8; transition: 0.3s;
}
.desktop-menu a:hover { color: var(--lime); opacity: 1; }
.menu-sep { color: var(--border); }

.header-right { display: flex; align-items: center; gap: 15px; }

.get-started-btn {
    background-color: var(--lime); color: #000; border: none;
    padding: 10px 24px; border-radius: 12px; font-weight: 800;
    font-size: 14px; text-transform: uppercase; cursor: pointer;
}

/* Menu Trigger Icon */
.menu-trigger { cursor: pointer; display: none; z-index: 1100; }
.grid-icon { display: grid; grid-template-columns: repeat(3, 4px); gap: 4px; }
.grid-icon span { width: 4px; height: 4px; background: #fff; border-radius: 1px; transition: var(--transition); }

/* Animation to X */
.active .grid-icon { display: block; width: 20px; height: 20px; position: relative; }
.active .grid-icon span { position: absolute; width: 20px; height: 2px; top: 10px; left: 0; }
.active .grid-icon span:nth-child(1) { transform: rotate(45deg); }
.active .grid-icon span:nth-child(2) { transform: rotate(-45deg); }
.active .grid-icon span:nth-child(n+3) { opacity: 0; }

/* Dropdown Panel */
.dropdown-panel {
    position: absolute; top: 100%; left: 0; right: 0;
    background: rgba(10, 10, 10, 0.98); backdrop-filter: blur(20px);
    border-bottom: 1px solid var(--border); padding: 30px;
    display: flex; flex-direction: column; gap: 25px;
    opacity: 0; transform: translateY(-10px); pointer-events: none; transition: var(--transition);
}
.dropdown-panel.open { opacity: 1; transform: translateY(0); pointer-events: all; }

.item-box {
    padding: 18px; color: #fff; text-decoration: none; font-weight: 700;
    display: flex; align-items: center; border-radius: 12px; background: rgba(255,255,255,0.03); margin-bottom: 8px;
}
.dot { width: 0; height: 8px; background: var(--lime); border-radius: 50%; margin-right: 0; opacity: 0; transition: 0.3s; }
.item-box.selected .dot { width: 8px; margin-right: 12px; opacity: 1; box-shadow: 0 0 10px var(--lime); }

/* --- RESPONSIVE MOBILE --- */
@media (max-width: 850px) {
    /* مخفی کردن موارد اضافی */
    .desktop-menu, 
    .vertical-divider, 
    .get-started-btn { 
        display: none !important; 
    }

    /* تنظیم هدر برای چیدمان چپ و راست */
    .main-header { 
        padding: 15px 20px;
        display: flex;
        justify-content: space-between; /* لوگو چپ، آیکون راست */
        align-items: center;
    }

    /* نمایش آیکون منو در سمت راست */
    .menu-trigger { 
        display: flex; 
        position: relative; /* حذف حالت مطلق قبلی */
        left: auto;
        transform: none;
        order: 2; /* اطمینان از قرارگیری در سمت راست هدر */
    }

    .header-left {
        order: 1; /* لوگو در سمت چپ */
    }
}/* End custom CSS */