<meta name="keywords" content="
تعمیر لوازم خانگی, تعمیرلوازم خانگی, تعمیرات لوازم خانگی, تعمیرلوازم برقی, تعمیر لوازم برقی, تعمیرات لوازم برقی, تعمیر تلویزیون, تعمیرات تلویزیون, تعمیر لباس شویی, تعمیرات لباس شویی,
تعمیر آبمیوه‌گیری, تعمیر جاروبرقی, تعمیر چرخ گوشت, تعمیر قهوه‌ساز, تعمیر آسیاب قهوه, تعمیر بخارشور, تعمیر چای‌ساز, تعمیر مایکروویو, تعمیر آون تستر, تعمیر اسپلیت, تعمیر پکیج, تعمیر یخچال فریزر, تعمیر جارو برقی صنعتی, تعمیر آسیاب, تعمیر اجاق گاز, تعمیر ماشین ظرف شویی, تعمیر ماشین لباس شویی,
تعمیرات آبمیوه‌گیری, تعمیرات جاروبرقی, تعمیرات چرخ گوشت, تعمیرات قهوه‌ساز, تعمیرات آسیاب قهوه, تعمیرات بخارشور, تعمیرات چای‌ساز, تعمیرات مایکروویو, تعمیرات آون تستر, تعمیرات اسپلیت, تعمیرات پکیج, تعمیرات یخچال فریزر, تعمیرات جارو برقی صنعتی, تعمیرات آسیاب, تعمیرات اجاق گاز, تعمیرات ماشین ظرف شویی, تعمیرات ماشین لباس شویی,
تعمیرات LG, تعمیرات ال جی, تعمیرات SAMSUNG, تعمیرات سامسونگ, تعمیرات بوش, تعمیرات Bosch, تعمیرات DAEWOO, تعمیرات دوو, تعمیرات SNOWA, تعمیرات اسنوا, تعمیرات PK, تعمیرات پاکشوما, تعمیرات PARS, تعمیرات پارس خزر, تعمیرات beko, تعمیرات بکو, تعمیرات DE POINT, تعمیرات دیپوینت, تعمیرات HIMALAYA, تعمیرات هیمالیا, تعمیرات EMERSUN, تعمیرات امرسان, تعمیرات De'Longhi, تعمیرات دلونگی, تعمیرات NOVA, تعمیرات نوا, تعمیرات MABASHI, تعمیرات مباشی, تعمیرات PHILIPS, تعمیرات فیلیپس, تعمیرات KENWOOD, تعمیرات کنوود


تعمیر لوازم خانگی برند LG, تعمیر لوازم خانگی برند ال جی, تعمیر لوازم خانگی برند SAMSUNG, تعمیر لوازم خانگی برند سامسونگ, تعمیر لوازم خانگی برند بوش, تعمیر لوازم خانگی برند Bosch, تعمیر لوازم خانگی برند DAEWOO, تعمیر لوازم خانگی برند دوو, تعمیر لوازم خانگی برند SNOWA, تعمیر لوازم خانگی برند اسنوا, تعمیر لوازم خانگی برند PK, تعمیر لوازم خانگی برند پاکشوما, تعمیر لوازم خانگی برند PARS, تعمیر لوازم خانگی برند پارس خزر, تعمیر لوازم خانگی برند beko, تعمیر لوازم خانگی برند بکو, تعمیر لوازم خانگی برند DE POINT, تعمیر لوازم خانگی برند دیپوینت, تعمیر لوازم خانگی برند HIMALAYA, تعمیر لوازم خانگی برند هیمالیا, تعمیر لوازم خانگی برند EMERSUN, تعمیر لوازم خانگی برند امرسان, تعمیر لوازم خانگی برند De'Longhi, تعمیر لوازم خانگی برند دلونگی, تعمیر لوازم خانگی برند NOVA, تعمیر لوازم خانگی برند نوا, تعمیر لوازم خانگی برند MABASHI, تعمیر لوازم خانگی برند مباشی, تعمیر لوازم خانگی برند PHILIPS, تعمیر لوازم خانگی برند فیلیپس, تعمیر لوازم خانگی برند KENWOOD, تعمیر لوازم خانگی برند کنوود,
تعمیر آبمیوه‌گیری برند, تعمیر جاروبرقی برند, تعمیر چرخ گوشت برند, تعمیر قهوه‌ساز برند, تعمیر آسیاب قهوه برند, تعمیر بخارشور برند, تعمیر چای‌ساز برند, تعمیر مایکروویو برند, تعمیر آون تستر برند, تعمیر اسپلیت برند, تعمیر پکیج برند, تعمیر یخچال فریزر برند, تعمیر جارو برقی صنعتی برند, تعمیر آسیاب برند, تعمیر اجاق گاز برند, تعمیر ماشین ظرف شویی برند, تعمیر ماشین لباس شویی برند


تعمیر آبمیوه‌گیری سپاهان جارو, تعمیر آبمیوه‌گیری پاناسونیک, تعمیر آبمیوه‌گیری دلونگی, تعمیر آبمیوه‌گیری کارچر, تعمیر آبمیوه‌گیری آرمان, تعمیر آبمیوه‌گیری هدیه, تعمیر آبمیوه‌گیری سامسونگ, تعمیر آبمیوه‌گیری ال جی, تعمیر آبمیوه‌گیری دوو, تعمیر آبمیوه‌گیری کنوود, تعمیر آبمیوه‌گیری فیلیپس, تعمیر آبمیوه‌گیری پارس خزر, تعمیر آبمیوه‌گیری پاکشوما,
تعمیر جاروبرقی سپاهان جارو, تعمیر جاروبرقی پاناسونیک, تعمیر جاروبرقی دلونگی, تعمیر جاروبرقی کارچر, تعمیر جاروبرقی آرمان, تعمیر جاروبرقی هدیه, تعمیر جاروبرقی سامسونگ, تعمیر جاروبرقی ال جی, تعمیر جاروبرقی دوو, تعمیر جاروبرقی کنوود, تعمیر جاروبرقی فیلیپس, تعمیر جاروبرقی پارس خزر, تعمیر جاروبرقی پاکشوما,
تعمیر چرخ گوشت سپاهان جارو, تعمیر چرخ گوشت پاناسونیک, تعمیر چرخ گوشت دلونگی, تعمیر چرخ گوشت کارچر, تعمیر چرخ گوشت آرمان, تعمیر چرخ گوشت هدیه, تعمیر چرخ گوشت سامسونگ, تعمیر چرخ گوشت ال جی, تعمیر چرخ گوشت دوو, تعمیر چرخ گوشت کنوود, تعمیر چرخ گوشت فیلیپس, تعمیر چرخ گوشت پارس خزر, تعمیر چرخ گوشت پاکشوما,
تعمیر قهوه‌ساز سپاهان جارو, تعمیر قهوه‌ساز پاناسونیک, تعمیر قهوه‌ساز دلونگی, تعمیر قهوه‌ساز کارچر, تعمیر قهوه‌ساز آرمان, تعمیر قهوه‌ساز هدیه, تعمیر قهوه‌ساز سامسونگ, تعمیر قهوه‌ساز ال جی, تعمیر قهوه‌ساز دوو, تعمیر قهوه‌ساز کنوود, تعمیر قهوه‌ساز فیلیپس, تعمیر قهوه‌ساز پارس خزر, تعمیر قهوه‌ساز پاکشوما,
تعمیر آسیاب قهوه سپاهان جارو, تعمیر آسیاب قهوه پاناسونیک, تعمیر آسیاب قهوه دلونگی, تعمیر آسیاب قهوه کارچر, تعمیر آسیاب قهوه آرمان, تعمیر آسیاب قهوه هدیه, تعمیر آسیاب قهوه سامسونگ, تعمیر آسیاب قهوه ال جی, تعمیر آسیاب قهوه دوو, تعمیر آسیاب قهوه کنوود, تعمیر آسیاب قهوه فیلیپس, تعمیر آسیاب قهوه پارس خزر, تعمیر آسیاب قهوه پاکشوما,
تعمیر بخارشور سپاهان جارو, تعمیر بخارشور پاناسونیک, تعمیر بخارشور دلونگی, تعمیر بخارشور کارچر, تعمیر بخارشور آرمان, تعمیر بخارشور هدیه, تعمیر بخارشور سامسونگ, تعمیر بخارشور ال جی, تعمیر بخارشور دوو, تعمیر بخارشور کنوود, تعمیر بخارشور فیلیپس, تعمیر بخارشور پارس خزر, تعمیر بخارشور پاکشوما,
تعمیر چای‌ساز سپاهان جارو, تعمیر چای‌ساز پاناسونیک, تعمیر چای‌ساز دلونگی, تعمیر چای‌ساز کارچر, تعمیر چای‌ساز آرمان, تعمیر چای‌ساز هدیه, تعمیر چای‌ساز سامسونگ, تعمیر چای‌ساز ال جی, تعمیر چای‌ساز دوو, تعمیر چای‌ساز کنوود, تعمیر چای‌ساز فیلیپس, تعمیر چای‌ساز پارس خزر, تعمیر چای‌ساز پاکشوما,
تعمیر مایکروویو سپاهان جارو, تعمیر مایکروویو پاناسونیک, تعمیر مایکروویو دلونگی, تعمیر مایکروویو کارچر, تعمیر مایکروویو آرمان, تعمیر مایکروویو هدیه, تعمیر مایکروویو سامسونگ, تعمیر مایکروویو ال جی, تعمیر مایکروویو دوو, تعمیر مایکروویو کنوود, تعمیر مایکروویو فیلیپس, تعمیر مایکروویو پارس خزر, تعمیر مایکروویو پاکشوما,
تعمیر آون تستر سپاهان جارو, تعمیر آون تستر پاناسونیک, تعمیر آون تستر دلونگی, تعمیر آون تستر کارچر, تعمیر آون تستر آرمان, تعمیر آون تستر هدیه, تعمیر آون تستر سامسونگ, تعمیر آون تستر ال جی, تعمیر آون تستر دوو, تعمیر آون تستر کنوود, تعمیر آون تستر فیلیپس, تعمیر آون تستر پارس خزر, تعمیر آون تستر پاکشوما,
تعمیر اسپلیت سپاهان جارو, تعمیر اسپلیت پاناسونیک, تعمیر اسپلیت دلونگی, تعمیر اسپلیت کارچر, تعمیر اسپلیت آرمان, تعمیر اسپلیت هدیه, تعمیر اسپلیت سامسونگ, تعمیر اسپلیت ال جی, تعمیر اسپلیت دوو, تعمیر اسپلیت کنوود, تعمیر اسپلیت فیلیپس, تعمیر اسپلیت پارس خزر, تعمیر اسپلیت پاکشوما,
تعمیر پکیج سپاهان جارو, تعمیر پکیج پاناسونیک, تعمیر پکیج دلونگی, تعمیر پکیج کارچر, تعمیر پکیج آرمان, تعمیر پکیج هدیه, تعمیر پکیج سامسونگ, تعمیر پکیج ال جی, تعمیر پکیج دوو, تعمیر پکیج کنوود, تعمیر پکیج فیلیپس, تعمیر پکیج پارس خزر, تعمیر پکیج پاکشوما,
تعمیر یخچال فریزر سپاهان جارو, تعمیر یخچال فریزر پاناسونیک, تعمیر یخچال فریزر دلونگی, تعمیر یخچال فریزر کارچر, تعمیر یخچال فریزر آرمان, تعمیر یخچال فریزر هدیه, تعمیر یخچال فریزر سامسونگ, تعمیر یخچال فریزر ال جی, تعمیر یخچال فریزر دوو, تعمیر یخچال فریزر کنوود, تعمیر یخچال فریزر فیلیپس, تعمیر یخچال فریزر پارس خزر, تعمیر یخچال فریزر پاکشوما,
تعمیر جارو برقی صنعتی سپاهان جارو, تعمیر جارو برقی صنعتی پاناسونیک, تعمیر جارو برقی صنعتی دلونگی, تعمیر جارو برقی صنعتی کارچر, تعمیر جارو برقی صنعتی آرمان, تعمیر جارو برقی صنعتی هدیه, تعمیر جارو برقی صنعتی سامسونگ, تعمیر جارو برقی صنعتی ال جی, تعمیر جارو برقی صنعتی دوو, تعمیر جارو برقی صنعتی کنوود, تعمیر جارو برقی صنعتی فیلیپس, تعمیر جارو برقی صنعتی پارس خزر, تعمیر جارو برقی صنعتی پاکشوما,
تعمیر آسیاب سپاهان جارو, تعمیر آسیاب پاناسونیک, تعمیر آسیاب دلونگی, تعمیر آسیاب کارچر, تعمیر آسیاب آرمان, تعمیر آسیاب هدیه, تعمیر آسیاب سامسونگ, تعمیر آسیاب ال جی, تعمیر آسیاب دوو, تعمیر آسیاب کنوود, تعمیر آسیاب فیلیپس, تعمیر آسیاب پارس خزر, تعمیر آسیاب پاکشوما,
تعمیر اجاق گاز سپاهان جارو, تعمیر اجاق گاز پاناسونیک, تعمیر اجاق گاز دلونگی, تعمیر اجاق گاز کارچر, تعمیر اجاق گاز آرمان, تعمیر اجاق گاز هدیه, تعمیر اجاق گاز سامسونگ, تعمیر اجاق گاز ال جی, تعمیر اجاق گاز دوو, تعمیر اجاق گاز کنوود, تعمیر اجاق گاز فیلیپس, تعمیر اجاق گاز پارس خزر, تعمیر اجاق گاز پاکشوما,
تعمیر ماشین ظرف شویی سپاهان جارو, تعمیر ماشین ظرف شویی پاناسونیک, تعمیر ماشین ظرف شویی دلونگی, تعمیر ماشین ظرف شویی کارچر, تعمیر ماشین ظرف شویی آرمان, تعمیر ماشین ظرف شویی هدیه, تعمیر ماشین ظرف شویی سامسونگ, تعمیر ماشین ظرف شویی ال جی, تعمیر ماشین ظرف شویی دوو, تعمیر ماشین ظرف شویی کنوود, تعمیر ماشین ظرف شویی فیلیپس, تعمیر ماشین ظرف شویی پارس خزر, تعمیر ماشین ظرف شویی پاکشوما,
تعمیر ماشین لباس شویی سپاهان جارو, تعمیر ماشین لباس شویی پاناسونیک, تعمیر ماشین لباس شویی دلونگی, تعمیر ماشین لباس شویی کارچر, تعمیر ماشین لباس شویی آرمان, تعمیر ماشین لباس شویی هدیه, تعمیر ماشین لباس شویی سامسونگ, تعمیر ماشین لباس شویی ال جی, تعمیر ماشین لباس شویی دوو, تعمیر ماشین لباس شویی کنوود, تعمیر ماشین لباس شویی فیلیپس, تعمیر ماشین لباس شویی پارس خزر, تعمیر ماشین لباس شویی پاکشوما
">
<!-- Navbar شیشه‌ای ریسپانسیو -->
<link href="https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/Vazirmatn-font-face.css" rel="stylesheet" type="text/css" />
<nav id="glassNavbar" style="
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    direction: rtl;
    font-family: 'Vazirmatn', 'Tahoma', 'Arial', sans-serif;
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(18px) saturate(180%);
    -webkit-backdrop-filter: blur(18px) saturate(180%);
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
">

    <div style="
        max-width: 1200px;
        margin: 0 auto;
        padding: 14px 24px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
    ">

        <!-- لوگو -->
        <a href="index.php" style="
            display: flex;
            align-items: center;
            gap: 10px;
            text-decoration: none;
            font-size: 22px;
            font-weight: 900;
            letter-spacing: -0.5px;
            background: linear-gradient(135deg, #6200ee 0%, #0096ff 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            text-shadow: 0 2px 12px rgba(98, 0, 238, 0.25);
            transition: transform 0.3s ease, filter 0.3s ease;
            filter: drop-shadow(0 2px 6px rgba(98, 0, 238, 0.35));
        "
        onmouseover="this.style.transform='scale(1.07)'; this.style.filter='drop-shadow(0 4px 14px rgba(98, 0, 238, 0.55))'"
        onmouseout="this.style.transform='scale(1)'; this.style.filter='drop-shadow(0 2px 6px rgba(98, 0, 238, 0.35))'">
            سلام تعمیر
        </a>

        <!-- منوی دسکتاپ -->
        <ul id="desktopMenu" style="
            display: flex;
            align-items: center;
            gap: 8px;
            list-style: none;
            margin: 0;
            padding: 0;
        ">
            <li style="
                background: rgba(10, 10, 21, 0.45);
                border-radius: 50px;
                border: 1px solid rgba(255, 255, 255, 0.08);
                transition: all 0.3s ease;
            ">
                <a href="index.php" class="nav-link" data-page="home" style="
                    display: inline-block;
                    padding: 10px 20px;
                    color: #ffffff;
                    text-decoration: none;
                    font-size: 15px;
                    font-weight: bold;
                    border-radius: 50px;
                    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
                    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
                    position: relative;
                "
                onmouseover="this.style.background='rgba(255,255,255,0.18)'; this.style.transform='translateY(-2px)'"
                onmouseout="this.style.background='transparent'; this.style.transform='translateY(0)'">
                    خانه
                </a>
            </li>
            <li style="
                background: rgba(10, 10, 21, 0.45);
                border-radius: 50px;
                border: 1px solid rgba(255, 255, 255, 0.08);
                transition: all 0.3s ease;
            ">
                <a href="#" class="nav-link" data-page="training" style="
                    display: inline-block;
                    padding: 10px 20px;
                    color: #ffffff;
                    text-decoration: none;
                    font-size: 15px;
                    font-weight: bold;
                    border-radius: 50px;
                    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
                    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
                "
                onmouseover="this.style.background='rgba(255,255,255,0.18)'; this.style.transform='translateY(-2px)'"
                onmouseout="this.style.background='transparent'; this.style.transform='translateY(0)'">
                    آموزش
                </a>
            </li>
            <li style="
                background: rgba(10, 10, 21, 0.45);
                border-radius: 50px;
                border: 1px solid rgba(255, 255, 255, 0.08);
                transition: all 0.3s ease;
            ">
                <a href="tech.php" class="nav-link" data-page="employment" style="
                    display: inline-block;
                    padding: 10px 20px;
                    color: #ffffff;
                    text-decoration: none;
                    font-size: 15px;
                    font-weight: bold;
                    border-radius: 50px;
                    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
                    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
                "
                onmouseover="this.style.background='rgba(255,255,255,0.18)'; this.style.transform='translateY(-2px)'"
                onmouseout="this.style.background='transparent'; this.style.transform='translateY(0)'">
                    استخدام
                </a>
            </li>
            <li style="
                background: rgba(10, 10, 21, 0.45);
                border-radius: 50px;
                border: 1px solid rgba(255, 255, 255, 0.08);
                transition: all 0.3s ease;
            ">
                <a href="track.php" class="nav-link" data-page="track" style="
                    display: inline-block;
                    padding: 10px 20px;
                    color: #ffffff;
                    text-decoration: none;
                    font-size: 15px;
                    font-weight: bold;
                    border-radius: 50px;
                    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
                    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
                "
                onmouseover="this.style.background='rgba(255,255,255,0.18)'; this.style.transform='translateY(-2px)'"
                onmouseout="this.style.background='transparent'; this.style.transform='translateY(0)'">
                    🔎 پیگیری
                </a>
            </li>
            <li style="
                border-radius: 50px;
                transition: all 0.3s ease;
            ">
                <a href="order.php" class="nav-link nav-cta" data-page="order" style="
                    display: inline-block;
                    padding: 11px 26px;
                    background: linear-gradient(135deg, #6200ee 0%, #8b3dff 100%);
                    color: #ffffff;
                    text-decoration: none;
                    font-size: 15px;
                    font-weight: bold;
                    border-radius: 50px;
                    box-shadow: 0 6px 20px rgba(98, 0, 238, 0.45);
                    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
                    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
                "
                onmouseover="this.style.transform='translateY(-3px) scale(1.05)'; this.style.boxShadow='0 10px 28px rgba(98,0,238,0.55)'"
                onmouseout="this.style.transform='translateY(0) scale(1)'; this.style.boxShadow='0 6px 20px rgba(98,0,238,0.45)'">
                    سفارش
                </a>
            </li>
        </ul>

        <!-- دکمه همبرگری موبایل -->
        <button id="hamburgerBtn" onclick="toggleMobileMenu()" style="
            display: none;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            gap: 5px;
            width: 44px;
            height: 44px;
            background: rgba(10, 10, 21, 0.5);
            border: 1px solid rgba(255, 255, 255, 0.2);
            border-radius: 12px;
            cursor: pointer;
            transition: all 0.3s ease;
            padding: 0;
        ">
            <span id="bar1" style="display:block; width:22px; height:2.5px; background:#fff; border-radius:3px; transition: all 0.35s cubic-bezier(0.68,-0.55,0.27,1.55);"></span>
            <span id="bar2" style="display:block; width:22px; height:2.5px; background:#fff; border-radius:3px; transition: all 0.35s cubic-bezier(0.68,-0.55,0.27,1.55);"></span>
            <span id="bar3" style="display:block; width:22px; height:2.5px; background:#fff; border-radius:3px; transition: all 0.35s cubic-bezier(0.68,-0.55,0.27,1.55);"></span>
        </button>

    </div>

    <!-- منوی موبایل کشویی -->
    <div id="mobileMenu" style="
        display: none;
        flex-direction: column;
        gap: 4px;
        padding: 0 20px 20px 20px;
        background: rgba(10, 10, 21, 0.75);
        backdrop-filter: blur(24px) saturate(180%);
        -webkit-backdrop-filter: blur(24px) saturate(180%);
        border-top: 1px solid rgba(255, 255, 255, 0.15);
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.45s cubic-bezier(0.25, 0.8, 0.25, 1), padding 0.3s ease;
    ">
        <a href="index.php" data-page="home" style="
            display: block;
            padding: 14px 20px;
            color: #ffffff;
            text-decoration: none;
            font-size: 16px;
            font-weight: bold;
            border-radius: 14px;
            margin-top: 10px;
            background: rgba(10, 10, 21, 0.5);
            border: 1px solid rgba(255, 255, 255, 0.08);
            transition: all 0.3s ease;
            text-shadow: 0 1px 4px rgba(0,0,0,0.25);
        "
        onmouseover="this.style.background='rgba(255,255,255,0.15)'; this.style.paddingRight='28px'"
        onmouseout="this.style.background='rgba(10, 10, 21, 0.5)'; this.style.paddingRight='20px'">
            🏠 خانه
        </a>
        <a href="training.php" data-page="training" style="
            display: block;
            padding: 14px 20px;
            color: #ffffff;
            text-decoration: none;
            font-size: 16px;
            font-weight: bold;
            border-radius: 14px;
            background: rgba(10, 10, 21, 0.5);
            border: 1px solid rgba(255, 255, 255, 0.08);
            transition: all 0.3s ease;
            text-shadow: 0 1px 4px rgba(0,0,0,0.25);
        "
        onmouseover="this.style.background='rgba(255,255,255,0.15)'; this.style.paddingRight='28px'"
        onmouseout="this.style.background='rgba(10, 10, 21, 0.5)'; this.style.paddingRight='20px'">
            📚 آموزش
        </a>
        <a href="tech.php" data-page="employment" style="
            display: block;
            padding: 14px 20px;
            color: #ffffff;
            text-decoration: none;
            font-size: 16px;
            font-weight: bold;
            border-radius: 14px;
            background: rgba(10, 10, 21, 0.5);
            border: 1px solid rgba(255, 255, 255, 0.08);
            transition: all 0.3s ease;
            text-shadow: 0 1px 4px rgba(0,0,0,0.25);
        "
        onmouseover="this.style.background='rgba(255,255,255,0.15)'; this.style.paddingRight='28px'"
        onmouseout="this.style.background='rgba(10, 10, 21, 0.5)'; this.style.paddingRight='20px'">
            💼 استخدام
        </a>
        <a href="track.php" data-page="track" style="
            display: block;
            padding: 14px 20px;
            color: #ffffff;
            text-decoration: none;
            font-size: 16px;
            font-weight: bold;
            border-radius: 14px;
            background: rgba(10, 10, 21, 0.5);
            border: 1px solid rgba(255, 255, 255, 0.08);
            transition: all 0.3s ease;
            text-shadow: 0 1px 4px rgba(0,0,0,0.25);
        "
        onmouseover="this.style.background='rgba(255,255,255,0.15)'; this.style.paddingRight='28px'"
        onmouseout="this.style.background='rgba(10, 10, 21, 0.5)'; this.style.paddingRight='20px'">
            🔎 پیگیری سفارش
        </a>
        <a href="order.php" data-page="order" style="
            display: block;
            padding: 15px 20px;
            background: linear-gradient(135deg, #6200ee 0%, #8b3dff 100%);
            color: #ffffff;
            text-decoration: none;
            font-size: 16px;
            font-weight: bold;
            border-radius: 50px;
            text-align: center;
            margin-top: 8px;
            box-shadow: 0 6px 20px rgba(98, 0, 238, 0.45);
            transition: all 0.3s ease;
            text-shadow: 0 1px 3px rgba(0,0,0,0.3);
        "
        onmouseover="this.style.transform='scale(1.03)'"
        onmouseout="this.style.transform='scale(1)'">
            🛒 ثبت سفارش
        </a>
    </div>

</nav>

<!-- فاصله زیر navbar ثابت -->
<div style="height: 76px;"></div>

<!-- استایل ریسپانسیو و انیمیشن‌ها -->
<style>
    body {
        font-family: 'Vazirmatn', 'Tahoma', 'Arial', sans-serif;
    }

    /* ===== هایلایت صفحه فعلی (حالت دارک) ===== */
    #desktopMenu li:has(.nav-link.active) {
        background: rgba(10, 10, 21, 0.85) !important;
        border: 1px solid rgba(98, 0, 238, 0.5) !important;
        box-shadow: 0 0 20px rgba(98, 0, 238, 0.35), inset 0 0 12px rgba(98, 0, 238, 0.1);
    }

    .nav-link.active {
        background: transparent !important;
        color: #ffffff !important;
        text-shadow: 0 0 10px rgba(139, 61, 255, 0.8), 0 1px 4px rgba(0, 0, 0, 0.5);
    }

    /* برای مرورگرهایی که :has رو پشتیبانی نمی‌کنن */
    #desktopMenu li.active-parent {
        background: rgba(10, 10, 21, 0.85) !important;
        border: 1px solid rgba(98, 0, 238, 0.5) !important;
        box-shadow: 0 0 20px rgba(98, 0, 238, 0.35), inset 0 0 12px rgba(98, 0, 238, 0.1);
    }

    /* ===== هایلایت موبایل (حالت دارک) ===== */
    #mobileMenu a.active {
        background: rgba(10, 10, 21, 0.9) !important;
        border: 1px solid rgba(98, 0, 238, 0.5) !important;
        color: #ffffff !important;
        box-shadow: 0 0 20px rgba(98, 0, 238, 0.35), inset 0 0 12px rgba(98, 0, 238, 0.1);
        text-shadow: 0 0 10px rgba(139, 61, 255, 0.7);
    }

    /* افکت اسکرول navbar */
    #glassNavbar.scrolled {
        background: rgba(10, 10, 21, 0.65);
        box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3);
        padding-top: 4px;
        padding-bottom: 4px;
    }

    /* موبایل */
    @media (max-width: 768px) {
        #desktopMenu {
            display: none !important;
        }
        #hamburgerBtn {
            display: flex !important;
        }
        #mobileMenu.open {
            display: flex !important;
            max-height: 500px !important;
        }
    }

    /* انیمیشن همبرگری به ضربدر */
    #hamburgerBtn.active #bar1 {
        transform: rotate(45deg) translate(5px, 5px);
    }
    #hamburgerBtn.active #bar2 {
        opacity: 0;
        transform: translateX(-10px);
    }
    #hamburgerBtn.active #bar3 {
        transform: rotate(-45deg) translate(5px, -5px);
    }

    /* انیمیشن ورود لینک‌های موبایل */
    #mobileMenu.open a {
        animation: slideDown 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) backwards;
    }
    #mobileMenu.open a:nth-child(1) { animation-delay: 0.05s; }
    #mobileMenu.open a:nth-child(2) { animation-delay: 0.1s; }
    #mobileMenu.open a:nth-child(3) { animation-delay: 0.15s; }
    #mobileMenu.open a:nth-child(4) { animation-delay: 0.2s; }

    @keyframes slideDown {
        from {
            opacity: 0;
            transform: translateY(-15px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
</style>

<!-- اسکریپت‌ها -->
<script>
    // باز و بسته کردن منوی موبایل
    function toggleMobileMenu() {
        const menu = document.getElementById('mobileMenu');
        const btn = document.getElementById('hamburgerBtn');
        menu.classList.toggle('open');
        btn.classList.toggle('active');
    }

    // بستن منو با کلیک روی لینک
    document.querySelectorAll('#mobileMenu a').forEach(link => {
        link.addEventListener('click', () => {
            document.getElementById('mobileMenu').classList.remove('open');
            document.getElementById('hamburgerBtn').classList.remove('active');
        });
    });

    // افکت اسکرول navbar
    window.addEventListener('scroll', () => {
        const nav = document.getElementById('glassNavbar');
        if (window.scrollY > 30) {
            nav.classList.add('scrolled');
        } else {
            nav.classList.remove('scrolled');
        }
    });

    // ===== هایلایت صفحه فعلی با پس‌زمینه دارک =====
    (function highlightCurrentPage() {
        const path = window.location.pathname.split('/').pop() || 'index.php';

        // لینک‌های دسکتاپ
        document.querySelectorAll('#desktopMenu .nav-link').forEach(link => {
            const href = link.getAttribute('href');
            if (href === path || (path === '' && href === 'index.php')) {
                link.classList.add('active');
                // اضافه کردن کلاس به li والد برای حالت دارک
                const parentLi = link.closest('li');
                if (parentLi) {
                    parentLi.classList.add('active-parent');
                }
            }
        });

        // لینک‌های موبایل
        document.querySelectorAll('#mobileMenu a').forEach(link => {
            const href = link.getAttribute('href');
            if (href === path || (path === '' && href === 'index.php')) {
                link.classList.add('active');
            }
        });
    })();

    // بستن منو با کلیک بیرون
    document.addEventListener('click', (e) => {
        const nav = document.getElementById('glassNavbar');
        const menu = document.getElementById('mobileMenu');
        const btn = document.getElementById('hamburgerBtn');
        if (!nav.contains(e.target) && menu.classList.contains('open')) {
            menu.classList.remove('open');
            btn.classList.remove('active');
        }
    });
</script>

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-PMLDDVWBHC"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-PMLDDVWBHC');
</script>
<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>وبلاگ و مقالات</title>
<meta name="description" content="آخرین مقالات، آموزش‌ها و مطالب مفید">
<link href="https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/Vazirmatn-font-face.css" rel="stylesheet">
<style>
/* ============================================================
   پایه
   ============================================================ */
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
    background: #f4f6f8;
    font-family: 'Vazirmatn', Tahoma, sans-serif;
    color: #1e293b;
    line-height: 1.8;
    min-height: 100vh;
}
a { color: inherit; text-decoration: none; }

/* ============================================================
   هدر
   ============================================================ */
.hero {
    background: linear-gradient(135deg, #6200ee, #9d4edd);
    color: #fff;
    padding: 60px 20px 50px;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.hero::before {
    content: '';
    position: absolute;
    top: -50%; right: -10%;
    width: 400px; height: 400px;
    background: rgba(255,255,255,0.08);
    border-radius: 50%;
    pointer-events: none;
}
.hero::after {
    content: '';
    position: absolute;
    bottom: -40%; left: -5%;
    width: 300px; height: 300px;
    background: rgba(255,255,255,0.06);
    border-radius: 50%;
    pointer-events: none;
}
.hero-inner {
    position: relative;
    z-index: 1;
    max-width: 700px;
    margin: 0 auto;
}
.hero h1 {
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 12px;
    letter-spacing: -0.5px;
}
.hero p {
    font-size: 15px;
    opacity: 0.9;
    line-height: 1.8;
}

/* ============================================================
   کانتینر
   ============================================================ */
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 30px 16px;
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 28px;
    align-items: start;
}

/* ============================================================
   نوار جستجو
   ============================================================ */
.search-bar {
    background: #fff;
    border-radius: 14px;
    padding: 14px 18px;
    margin-bottom: 22px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.search-bar input {
    flex: 1;
    min-width: 180px;
    padding: 11px 16px;
    border: 1.5px solid #d5dbe2;
    border-radius: 10px;
    font-family: inherit;
    font-size: 14px;
    background: #f8fafc;
    transition: .2s;
}
.search-bar input:focus {
    outline: none;
    border-color: #6200ee;
    background: #fff;
    box-shadow: 0 0 0 4px rgba(98,0,238,0.1);
}
.search-bar button {
    padding: 11px 24px;
    background: #6200ee;
    color: #fff;
    border: none;
    border-radius: 10px;
    font-family: inherit;
    font-weight: bold;
    cursor: pointer;
    font-size: 14px;
    transition: .2s;
}
.search-bar button:hover { background: #4b00b8; }
.search-bar .clear-btn {
    padding: 11px 18px;
    background: #f1f5f9;
    color: #475569;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    display: flex;
    align-items: center;
    transition: .2s;
}
.search-bar .clear-btn:hover { background: #e2e8f0; }

/* ============================================================
   گرید مقالات
   ============================================================ */
.grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 20px;
}
.card {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(0,0,0,0.06);
    transition: transform .3s ease, box-shadow .3s ease;
    display: flex;
    flex-direction: column;
    position: relative;
}
.card:hover {
    transform: translateY(-6px);
    box-shadow: 0 14px 32px rgba(98,0,238,0.15);
}
.card .thumb-wrap {
    position: relative;
    overflow: hidden;
    height: 190px;
    background: #f1f5f9;
}
.card .thumb-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .5s ease;
}
.card:hover .thumb-wrap img { transform: scale(1.06); }
.card .thumb-wrap::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.35), transparent 60%);
    pointer-events: none;
    opacity: 0;
    transition: opacity .3s;
}
.card:hover .thumb-wrap::after { opacity: 1; }

.card .body {
    padding: 16px 18px 18px;
    flex: 1;
    display: flex;
    flex-direction: column;
}
.card h3 {
    font-size: 16px;
    font-weight: 800;
    color: #1e293b;
    line-height: 1.6;
    margin-bottom: 8px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color .2s;
}
.card:hover h3 { color: #6200ee; }
.card .excerpt {
    font-size: 13px;
    color: #64748b;
    line-height: 1.9;
    margin-bottom: 12px;
    flex: 1;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.card .meta {
    font-size: 11.5px;
    color: #94a3b8;
    border-top: 1px solid #f0f2f5;
    padding-top: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.card .meta span {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

/* ============================================================
   حالت خالی
   ============================================================ */
.empty {
    background: #fff;
    border-radius: 16px;
    padding: 70px 20px;
    text-align: center;
    color: #94a3b8;
    box-shadow: 0 4px 16px rgba(0,0,0,0.05);
}
.empty .icon { font-size: 60px; margin-bottom: 16px; }
.empty h3 { font-size: 18px; color: #475569; margin-bottom: 8px; font-weight: 700; }
.empty p  { font-size: 14px; }

/* ============================================================
   صفحه‌بندی
   ============================================================ */
.pagination {
    display: flex;
    justify-content: center;
    gap: 6px;
    margin-top: 30px;
    flex-wrap: wrap;
}
.pagination a,
.pagination span {
    min-width: 40px;
    padding: 10px 14px;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 600;
    font-size: 13.5px;
    background: #fff;
    color: #6200ee;
    border: 1px solid #e9ecef;
    text-align: center;
    transition: .2s;
}
.pagination a:hover {
    background: #f4ecff;
    border-color: #6200ee;
    transform: translateY(-1px);
}
.pagination .current {
    background: #6200ee;
    color: #fff;
    border-color: #6200ee;
}
.pagination .dots {
    border: none;
    background: transparent;
    color: #94a3b8;
}

/* ============================================================
   سایدبار
   ============================================================ */
.sidebar {
    position: sticky;
    top: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.widget {
    background: #fff;
    border-radius: 14px;
    padding: 18px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}
.widget h4 {
    color: #6200ee;
    font-size: 14.5px;
    font-weight: 800;
    margin-bottom: 14px;
    padding-bottom: 10px;
    border-bottom: 2px solid #f0f2f5;
    display: flex;
    align-items: center;
    gap: 6px;
}

/* آخرین مقالات */
.latest-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.latest-item {
    display: flex;
    gap: 10px;
    padding: 8px;
    border-radius: 10px;
    transition: background .2s;
}
.latest-item:hover { background: #f8fafc; }
.latest-item img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 8px;
    flex-shrink: 0;
    background: #eee;
}
.latest-item .info {
    flex: 1;
    min-width: 0;
}
.latest-item h5 {
    font-size: 12.5px;
    font-weight: 700;
    color: #1e293b;
    line-height: 1.6;
    margin-bottom: 4px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.latest-item .date {
    font-size: 10.5px;
    color: #94a3b8;
}

/* کارت آماری */
.stat-widget {
    background: linear-gradient(135deg, #6200ee, #9d4edd);
    color: #fff;
}
.stat-widget h4 {
    color: #fff;
    border-bottom-color: rgba(255,255,255,0.2);
}
.stat-widget .num {
    font-size: 30px;
    font-weight: 800;
    margin-bottom: 4px;
}
.stat-widget .lbl {
    font-size: 13px;
    opacity: 0.9;
}

/* ============================================================
   ریسپانسیو
   ============================================================ */
@media (max-width: 900px) {
    .container {
        grid-template-columns: 1fr;
    }
    .sidebar { position: static; }
}
@media (max-width: 640px) {
    .hero { padding: 40px 16px 35px; }
    .hero h1 { font-size: 22px; }
    .hero p { font-size: 13px; }
    .container { padding: 20px 12px; }
    .grid { grid-template-columns: 1fr; gap: 16px; }
    .card .thumb-wrap { height: 170px; }
    .search-bar { padding: 12px; }
    .search-bar input { min-width: 100%; }
}
</style>
</head>
<body>

<!-- ============================================================
     هدر
     ============================================================ -->
<section class="hero">
    <div class="hero-inner">
        <h1>📚 وبلاگ و مقالات</h1>
        <p>آخرین مطالب، آموزش‌ها و نکات مفید درباره تعمیرات و خدمات ما</p>
    </div>
</section>

<!-- ============================================================
     محتوا
     ============================================================ -->
<div class="container">

    <!-- ستون اصلی -->
    <main>
        <!-- جستجو -->
        <form class="search-bar" method="get">
            <input type="text" name="q" placeholder="🔍 جستجو در مقالات..."
                   value="">
            <button type="submit">جستجو</button>
                    </form>

        
                    <div class="grid">
                                    <a class="card" href="article.php?slug=%D9%85%D8%B4%DA%A9%D9%84%D8%A7%D8%AA-%D8%B1%D8%A7%DB%8C%D8%AC-%D8%AF%D8%B1-%D9%85%D8%A7%DA%A9%D8%B1%D9%88%D9%81%D8%B1-%D9%88-%D8%B3%D9%88%D9%84%D8%A7%D8%B1%D8%AF%D9%85">
                        <div class="thumb-wrap">
                            <img src="uploads/articles/art_20261005_150420_24c7e014.jpg"
                                 alt="مشکلات رایج در ماکروفر و سولاردم"
                                 loading="lazy"
                                 onerror="this.src='data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22400%22 height=%22250%22%3E%3Crect fill=%22%23f1f5f9%22 width=%22400%22 height=%22250%22/%3E%3Ctext x=%2250%25%22 y=%2250%25%22 text-anchor=%22middle%22 fill=%22%2394a3b8%22 font-size=%2216%22 font-family=%22Tahoma%22%3Eبدون عکس%3C/text%3E%3C/svg%3E'">
                        </div>
                        <div class="body">
                            <h3>مشکلات رایج در ماکروفر و سولاردم</h3>
                            <p class="excerpt">
                                •⭕ روشن نشدن دستگاه: خرابی میکروسوئیچ درب، سوختن فیوز حرارتی یا سرامیکی، و نوسانات برق.
مشکل در منبع تغذیه (جریان برق)
خرابی تبد...                            </p>
                            <div class="meta">
                                <span>👁 15 بازدید</span>
                                <span>📅 2026-10-05</span>
                            </div>
                        </div>
                    </a>
                                    <a class="card" href="article.php?slug=%DB%B4-%D8%B9%D9%84%D8%AA-%D8%A7%D8%B5%D9%84%DB%8C-%D8%AE%D8%B1%D8%A7%D8%A8%DB%8C-%D8%AC%D8%A7%D8%B1%D9%88%D8%A8%D8%B1%D9%82%DB%8C">
                        <div class="thumb-wrap">
                            <img src="uploads/articles/art_20261003_071029_a89874f3.jpg"
                                 alt="۴ علت اصلی خرابی جاروبرقی"
                                 loading="lazy"
                                 onerror="this.src='data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22400%22 height=%22250%22%3E%3Crect fill=%22%23f1f5f9%22 width=%22400%22 height=%22250%22/%3E%3Ctext x=%2250%25%22 y=%2250%25%22 text-anchor=%22middle%22 fill=%22%2394a3b8%22 font-size=%2216%22 font-family=%22Tahoma%22%3Eبدون عکس%3C/text%3E%3C/svg%3E'">
                        </div>
                        <div class="body">
                            <h3>۴ علت اصلی خرابی جاروبرقی</h3>
                            <p class="excerpt">
                                جاروبرقی یکی از وسایل پرکاربرد در خانه است و به‌دلیل استفاده مداوم، ممکن است با مشکلات مختلفی مواجه شود. آشنایی با دلایل رایج خراب...                            </p>
                            <div class="meta">
                                <span>👁 54 بازدید</span>
                                <span>📅 2026-10-03</span>
                            </div>
                        </div>
                    </a>
                            </div>

            <!-- صفحه‌بندی -->
                        </main>

    <!-- سایدبار -->
    <aside class="sidebar">

        <!-- آمار -->
        <div class="widget stat-widget">
            <div class="num">2</div>
            <div class="lbl">📄 مقاله منتشر شده</div>
        </div>

        <!-- آخرین مقالات -->
                    <div class="widget">
                <h4>🕐 آخرین مقالات</h4>
                <div class="latest-list">
                                            <a class="latest-item" href="article.php?slug=%D9%85%D8%B4%DA%A9%D9%84%D8%A7%D8%AA-%D8%B1%D8%A7%DB%8C%D8%AC-%D8%AF%D8%B1-%D9%85%D8%A7%DA%A9%D8%B1%D9%88%D9%81%D8%B1-%D9%88-%D8%B3%D9%88%D9%84%D8%A7%D8%B1%D8%AF%D9%85">
                            <img src="uploads/articles/art_20261005_150420_24c7e014.jpg" alt=""
                                 onerror="this.style.background='#f1f5f9'">
                            <div class="info">
                                <h5>مشکلات رایج در ماکروفر و سولاردم</h5>
                                <div class="date">📅 2026-10-05</div>
                            </div>
                        </a>
                                            <a class="latest-item" href="article.php?slug=%DB%B4-%D8%B9%D9%84%D8%AA-%D8%A7%D8%B5%D9%84%DB%8C-%D8%AE%D8%B1%D8%A7%D8%A8%DB%8C-%D8%AC%D8%A7%D8%B1%D9%88%D8%A8%D8%B1%D9%82%DB%8C">
                            <img src="uploads/articles/art_20261003_071029_a89874f3.jpg" alt=""
                                 onerror="this.style.background='#f1f5f9'">
                            <div class="info">
                                <h5>۴ علت اصلی خرابی جاروبرقی</h5>
                                <div class="date">📅 2026-10-03</div>
                            </div>
                        </a>
                                    </div>
            </div>
        
        <!-- بازگشت -->
</div>
<footer style="background: linear-gradient(145deg, #1a1d29 0%, #232735 100%); direction: rtl; font-family: 'Tahoma', 'Arial', sans-serif; color: #cbd0dd; padding: 60px 20px 0;">
    <div style="max-width: 100%; margin: 0 auto;">

        <!-- بخش اصلی فوتر -->
        <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 40px; padding-bottom: 50px; border-bottom: 1px solid rgba(255,255,255,0.08);">

            <!-- درباره ما -->
            <div>
                <div style="display: flex; align-items: center; gap: 12px; margin-bottom: 20px;">
                    <div style="width: 44px; height: 44px; background: linear-gradient(135deg, #6200ee, #9b51e0); border-radius: 12px; display: flex; align-items: center; justify-content: center; box-shadow: 0 6px 14px rgba(98,0,238,0.35);">
                        <span style="color: white; font-size: 22px; line-height: 1;">🏠</span>
                    </div>
                    <h3 style="font-size: 20px; color: #ffffff; margin: 0; font-weight: 800; letter-spacing: -0.3px;">سلام تعمیر</h3>
                </div>
                <p style="font-size: 14px; line-height: 1.9; color: #9aa0b4; margin: 0 0 18px;">
                    مرجع تخصصی فروش و تعمیر لوازم خانگی با سالها تجربه در ارائه خدمات باکیفیت، قطعات اصلی و گارانتی معتبر.
                </p>
                <div style="display: flex; gap: 10px;">
                    <a href="#" style="width: 38px; height: 38px; background: rgba(255,255,255,0.06); border-radius: 10px; display: flex; align-items: center; justify-content: center; text-decoration: none; transition: all 0.3s ease; border: 1px solid rgba(255,255,255,0.08);">
                        <span style="color: #cbd0dd; font-size: 16px;">📷</span>
                    </a>
                    <a href="#" style="width: 38px; height: 38px; background: rgba(255,255,255,0.06); border-radius: 10px; display: flex; align-items: center; justify-content: center; text-decoration: none; transition: all 0.3s ease; border: 1px solid rgba(255,255,255,0.08);">
                        <span style="color: #cbd0dd; font-size: 16px;">✈</span>
                    </a>
                    <a href="#" style="width: 38px; height: 38px; background: rgba(255,255,255,0.06); border-radius: 10px; display: flex; align-items: center; justify-content: center; text-decoration: none; transition: all 0.3s ease; border: 1px solid rgba(255,255,255,0.08);">
                        <span style="color: #cbd0dd; font-size: 16px;">▶</span>
                    </a>
                    <a href="#" style="width: 38px; height: 38px; background: rgba(255,255,255,0.06); border-radius: 10px; display: flex; align-items: center; justify-content: center; text-decoration: none; transition: all 0.3s ease; border: 1px solid rgba(255,255,255,0.08);">
                        <span style="color: #cbd0dd; font-size: 16px;">💬</span>
                    </a>
                </div>
            </div>

            <!-- دسترسی سریع -->
            <div>
                <h4 style="font-size: 17px; color: #ffffff; margin: 0 0 22px; font-weight: 700; position: relative; padding-bottom: 12px;">
                    دسترسی سریع
                    <span style="position: absolute; bottom: 0; right: 0; width: 40px; height: 3px; background: #6200ee; border-radius: 3px;"></span>
                </h4>
                <ul style="list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 12px;">
                    <li><a href="#" style="color: #9aa0b4; text-decoration: none; font-size: 14px; transition: all 0.2s ease;">صفحه اصلی</a></li>
                    <li><a href="#" style="color: #9aa0b4; text-decoration: none; font-size: 14px; transition: all 0.2s ease;">محصولات</a></li>
                    <li><a href="#" style="color: #9aa0b4; text-decoration: none; font-size: 14px; transition: all 0.2s ease;">خدمات تعمیر</a></li>
                    <li><a href="#" style="color: #9aa0b4; text-decoration: none; font-size: 14px; transition: all 0.2s ease;">درباره ما</a></li>
                    <li><a href="#" style="color: #9aa0b4; text-decoration: none; font-size: 14px; transition: all 0.2s ease;">تماس با ما</a></li>
                </ul>
            </div>

            <!-- خدمات ما -->
            <div>
                <h4 style="font-size: 17px; color: #ffffff; margin: 0 0 22px; font-weight: 700; position: relative; padding-bottom: 12px;">
                    خدمات ما
                    <span style="position: absolute; bottom: 0; right: 0; width: 40px; height: 3px; background: #6200ee; border-radius: 3px;"></span>
                </h4>
                <ul style="list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 12px;">
                    <li><a href="order.php" style="color: #9aa0b4; text-decoration: none; font-size: 14px; transition: all 0.2s ease;">تعمیر یخچال و فریزر</a></li>
                    <li><a href="order.php" style="color: #9aa0b4; text-decoration: none; font-size: 14px; transition: all 0.2s ease;">تعمیر ماشین لباسشویی</a></li>
                    <li><a href="order.php" style="color: #9aa0b4; text-decoration: none; font-size: 14px; transition: all 0.2s ease;">تعمیر ماکروفر</a></li>
                    <li><a href="order.php" style="color: #9aa0b4; text-decoration: none; font-size: 14px; transition: all 0.2s ease;">تعمیر جاروبرقی</a></li>
                    <li><a href="order.php" style="color: #9aa0b4; text-decoration: none; font-size: 14px; transition: all 0.2s ease;">تعمیر قهوهساز</a></li>
                </ul>
            </div>

            <!-- تماس با ما -->
            <div>
                <h4 style="font-size: 17px; color: #ffffff; margin: 0 0 22px; font-weight: 700; position: relative; padding-bottom: 12px;">
                    اطلاعات تماس
                    <span style="position: absolute; bottom: 0; right: 0; width: 40px; height: 3px; background: #6200ee; border-radius: 3px;"></span>
                </h4>
                <ul style="list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 16px;">
                    <li style="display: flex; align-items: flex-start; gap: 12px;">
                        <span style="width: 34px; height: 34px; background: rgba(98,0,238,0.15); border-radius: 9px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;">
                            <span style="color: #9b51e0; font-size: 15px;">📍</span>
                        </span>
                        <span style="color: #9aa0b4; font-size: 14px; line-height: 1.7; padding-top: 5px;">اصفهان</span>
                    </li>
                    <li style="display: flex; align-items: center; gap: 12px;">
                        <span style="width: 34px; height: 34px; background: rgba(98,0,238,0.15); border-radius: 9px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;">
                            <span style="color: #9b51e0; font-size: 15px;">📞</span>
                        </span>
                        <a href="tel:+989134633673" style="color: #9aa0b4; text-decoration: none; font-size: 14px; direction: ltr; transition: all 0.2s ease;">+98 913 463 3673</a>
                    </li>
                    <li style="display: flex; align-items: center; gap: 12px;">
                        <span style="width: 34px; height: 34px; background: rgba(98,0,238,0.15); border-radius: 9px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;">
                            <span style="color: #9b51e0; font-size: 15px;">🕐</span>
                        </span>
                        <span style="color: #9aa0b4; font-size: 14px;">شنبه تا پنجشنبه، ۸ تا ۲۲</span>
                    </li>
                </ul>
            </div>

        </div>


        <div style="display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; padding: 26px 0;">
            <p style="font-size: 13px; color: #7a8096; margin: 0;">سلام تعمیر</p>
            <ul style="list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 22px;">
                <li><a href="#" style="color: #7a8096; text-decoration: none; font-size: 13px; transition: all 0.2s ease;">قوانین و مقررات</a></li>
                <li><a href="#" style="color: #7a8096; text-decoration: none; font-size: 13px; transition: all 0.2s ease;">حریم خصوصی</a></li>
                <li><a href="#" style="color: #7a8096; text-decoration: none; font-size: 13px; transition: all 0.2s ease;">سوالات متداول</a></li>
            </ul>
        </div>

    </div>
</footer>

</body>
</html>