* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
     
        }

        body {
            background-color: #fcfcfc;
            transition: 0.5s;
   
        }

        /* هدر */
   /* این بخش را دقیقاً جایگزین استایل قبلی کنید */
.header-wrapper {
    position: fixed; /* یا sticky */
    top: 0;
    left: 0;
    width: 100vw; /* استفاده از عرض کامل ویوپورت */
    margin: 0;
    padding: 15px 0;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    z-index: 9999;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    box-sizing: border-box; /* بسیار مهم برای محاسبه درست عرض با پدینگ */
}

.header-container {
    width: 100%; /* تغییر از max-width به width 100% */
    max-width: 100%; 
    padding: 0 40px; /* فاصله محتوا از لبه‌ها */
    display: flex;
    flex-direction: row; /* لوگو چپ، منو راست */
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
}


 

/* اصلاح لوگو برای سمت چپ */
.logo {
    display: flex;
    align-items: center;
    order: 1; /* اطمینان از قرارگیری در سمت چپ در حالت فلکس معکوس */
}

/* اصلاح دکمه منو برای سمت راست */
.menu-btn {
    order: 2; /* اطمینان از قرارگیری در سمت راست */
    display: flex;
    flex-direction: column;
    gap: 6px;
    cursor: pointer;
    z-index: 10001; /* بالاتر از همه چیز */
}

        .menu-btn span {
            width: 22px;
            height: 1.5px;
    background: #fff; /* تغییر به سفید برای دیده شدن */
            transition: 0.3s;
        }

        .menu-btn:hover span {
            width: 30px;
        }

        /* منو */
        .nav-menu {
            position: fixed;
            top: 50px;
            /* ارتفاع هدر شما */
            right: -250px;
            width: 200px;
            height: calc(100vh - 50px);
            /* پر کردن فضای باقی‌مانده */
            background: rgba(0, 0, 0, 0.5);
            backdrop-filter: blur(20px);
            transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
            padding: 80px 30px;
            z-index: 10000;
            border-left: 1px solid rgba(255, 255, 255, 0.05);
            box-shadow: -20px 0 40px rgba(0, 0, 0, 0.3);
            overflow-y: auto;
            text-align: right;
        border-radius: 3px;
        }

        .nav-menu.active {
            right: 0;
        }

        .nav-menu a {
            margin: 10px;
            display: block;
            padding: 12px 0;
            text-decoration: none;
            color: rgba(255, 255, 255, 0.7);
            font-weight: 300;
            font-size: 0.95rem;
            transition: 0.3s ease;
            position: relative;
            transition: all .5s ease;
             font-family: 'samim';
        }

        .nav-menu a:hover {
            transition: all .5s ease;
            border-right: 2px solid #fff;
            /* خط پررنگ می‌شود */
            padding-right: 30px;
            /* متن کمی به سمت چپ می‌رود */
            background: rgba(255, 255, 255, 0.03);
            /* پس‌زمینه بسیار محو برای تمرکز بیشتر */
            border-radius: 30px;
        }

        /* محتوای اصلی */
        .main-content {
            max-width: 1440px;
            overflow: hidden;
            margin: 0 auto;
            padding: 0 auto;
            transition: all 0.5s ease;
        }

        .main-content.blurred {
            filter: blur(10px);
            transform: scale(0.98);
        }


        .logo {
            cursor: pointer;
            font-family: 'Segoe UI', Arial, sans-serif;
            letter-spacing: 2px;
            display: flex;
            align-items: center;
        }

        .logo-micro {
            font-weight: 200;
            /* بسیار نازک و ظریف */
            color: #868484;
        }

        .logo-wall {
            font-weight: 700;
            /* ضخیم و با اقتدار */
            color: #000;
        }

        /* افکت هاور لوگو */
        .logo:hover .logo-micro {
            color: #555;
        }

        .logo:hover .logo-wall {
            letter-spacing: 3px;
            transition: 0.3s;
        }