<!--
┏━╸╻ ╻╻  ╻     ┏━┓╺┳╸┏━┓┏━╸╻┏    ┏━┓┏━┓┏━┓┏━╸┏━┓┏━┓┏┳┓┏┳┓┏━╸┏━┓
┣╸ ┃ ┃┃  ┃  ╺━╸┗━┓ ┃ ┣━┫┃  ┣┻┓   ┣━┛┣┳┛┃ ┃┃╺┓┣┳┛┣━┫┃┃┃┃┃┃┣╸ ┣┳┛
╹  ┗━┛┗━╸┗━╸   ┗━┛ ╹ ╹ ╹┗━╸╹ ╹   ╹  ╹┗╸┗━┛┗━┛╹┗╸╹ ╹╹ ╹╹ ╹┗━╸╹┗╸

 ░▒▓██████▓▒░░▒▓█▓▒░      ░▒▓█▓▒░▒▓███████▓▒░░▒▓████████▓▒░▒▓████████▓▒░░▒▓██████▓▒░       ░▒▓██████████████▓▒░ ░▒▓██████▓▒░░▒▓█▓▒░░▒▓█▓▒░░▒▓██████▓▒░░▒▓██████████████▓▒░░▒▓██████████████▓▒░ ░▒▓██████▓▒░░▒▓███████▓▒░░▒▓█▓▒░
░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░             ░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░
░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░           ░▒▓██▓▒░░▒▓█▓▒░░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░
░▒▓████████▓▒░▒▓█▓▒░      ░▒▓█▓▒░▒▓███████▓▒░░▒▓██████▓▒░    ░▒▓██▓▒░  ░▒▓████████▓▒░      ░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓████████▓▒░▒▓████████▓▒░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░▒▓████████▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░
░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░       ░▒▓██▓▒░    ░▒▓█▓▒░░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░
░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░
░▒▓█▓▒░░▒▓█▓▒░▒▓████████▓▒░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓████████▓▒░▒▓████████▓▒░▒▓█▓▒░░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░░▒▓██████▓▒░░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓███████▓▒░░▒▓█▓▒░

╺┳╸┏━╸╻  ┏━╸┏━╸┏━┓┏━┓┏┳┓    ┏━┓╺┳╸╻ ╻┏━╸┏━┓┏━╸┏━┓╻  ╻  ┏━╸┏┓╻┏━┓┏┓╻┏━╸┏━╸╻  ┏━┓
 ┃ ┣╸ ┃  ┣╸ ┃╺┓┣┳┛┣━┫┃┃┃╹   ┃┣┛ ┃ ┣━┫┣╸ ┣━┓┣╸ ┣━┫┃  ┃  ┣╸ ┃┗┫┣━┫┃┗┫┃╺┓┣╸ ┃  ┗━┓
 ╹ ┗━╸┗━╸┗━╸┗━┛╹┗╸╹ ╹╹ ╹╹   ┗━╸ ╹ ╹ ╹┗━╸┗━┛╹  ╹ ╹┗━╸┗━╸┗━╸╹ ╹╹ ╹╹ ╹┗━┛┗━╸┗━╸┗━┛

-->
<!DOCTYPE html>
<html lang="fa" dir="rtl">

    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <script>
            window.deferredA2HSPrompt = null;

            window.addEventListener('beforeinstallprompt', function(e) {
                e.preventDefault();
                window.deferredA2HSPrompt = e;
                document.documentElement.classList.add('has-native-prompt');
            });

            (function() {
                try {
                    var ua = navigator.userAgent || navigator.vendor || window.opera || '';
                    var isIOS = /iPad|iPhone|iPod/.test(ua) && !window.MSStream;
                    if (!isIOS && navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1) {
                        isIOS = true;
                    }
                    var isAndroid = /android/i.test(ua);
                    var isMobile = isIOS || isAndroid;

                    var isStandalone = window.matchMedia('(display-mode: standalone)').matches ||
                        window.navigator.standalone === true ||
                        document.referrer.indexOf('android-app://') === 0;

                    if (isMobile && !isStandalone) {
                        document.documentElement.classList.add('require-a2hs');
                        document.documentElement.setAttribute('data-os', isIOS ? 'ios' : 'android');
                    }
                } catch (e) {}
            })();
        </script>
                <title> ایران اپل‌آیدی | خرید اپل‌آیدی با قیمت مناسب</title>
        <meta name="description" content="خرید اپل‌آیدی با قیمت مناسب">
                    <meta name="robots" content="index, follow, max-image-preview:large">
            <meta name="googlebot" content="index, follow">
                <link rel="canonical" href="https://irappleid.com">
        <meta http-equiv="content-language" content="fa">
        <link rel="shortcut icon" type="image/png" href="https://irappleid.com/storage/settings/cEWO4lXpfbdHC7S3L7EiEO4l4dK3MFX0xbg3n2mo.png">
        <link rel="apple-touch-icon" href="https://irappleid.com/storage/settings/cEWO4lXpfbdHC7S3L7EiEO4l4dK3MFX0xbg3n2mo.png">
        <meta name="apple-mobile-web-app-title" content="ایران اپل‌آیدی" />
        <meta name="mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
        <meta property="og:type" content="website">
        <meta property="og:locale" content="fa_IR">
        <meta property="og:site_name" content="ایران اپل‌آیدی">
        <meta property="og:title" content="ایران اپل‌آیدی">
        <meta property="og:description" content="خرید اپل‌آیدی با قیمت مناسب">
        <meta property="og:url" content="https://irappleid.com">
        <meta property="og:image" content="https://irappleid.com/storage/settings/xeet01ofDLQiV4EktVPaZ8LKH54zG1IbzgtzoSgJ.png">
        <meta property="og:image:alt" content="ایران اپل‌آیدی | خرید اپل‌آیدی با قیمت مناسب">
        <meta name="twitter:card" content="summary_large_image">
        <meta name="twitter:title" content="ایران اپل‌آیدی">
        <meta name="twitter:description" content="خرید اپل‌آیدی با قیمت مناسب">
        <meta name="twitter:image" content="https://irappleid.com/storage/settings/xeet01ofDLQiV4EktVPaZ8LKH54zG1IbzgtzoSgJ.png">
        <meta name="theme-color" content="#fafafc">
        <meta name="the6fallenangels" content="" />
        <link rel="manifest" href="https://irappleid.com/manifest.json">
        <link rel="preload" as="style" href="https://irappleid.com/build/assets/app-BuZ749fo.css" /><link rel="modulepreload" as="script" href="https://irappleid.com/build/assets/app-CohNo99w.js" /><link rel="stylesheet" href="https://irappleid.com/build/assets/app-BuZ749fo.css" data-navigate-track="reload" /><script type="module" src="https://irappleid.com/build/assets/app-CohNo99w.js" data-navigate-track="reload"></script>        <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.list-item][wire\:loading\.list-item], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #4f39f6;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style>
                <style>
            [x-cloak] {
                display: none !important;
            }
        </style>
    </head>

    <body
        class="min-h-dvh pb-20 lg:pb-0 text-zinc-800 bg-linear-to-b from-[#fafafc] via-white to-[#fbfbfd]">

        <div id="add-to-home-overlay" class="fixed inset-0 z-9999 items-center justify-center p-4 bg-white">
            <div class="w-full max-w-sm text-center">
                <img class="h-10 mx-auto mb-5" src="https://irappleid.com/storage/settings/EDkZ7OJxRWbLHjVQQaMOGtcEGM8QLUag4tGqapmY.png"
                    alt="ایران اپل‌آیدی">

                <p class="text-sm text-zinc-500 mb-6 leading-relaxed">
                    برای استفاده از ایران اپل‌آیدی لطفا ابتدا این صفحه را به صفحه اصلی گوشی خود اضافه
                    کنید.
                </p>

                <div data-os-ios class="card p-5 text-right mb-3">
                    <div class="flex items-center gap-2 mb-3">
                        <div class="size-8 bg-indigo-100 rounded-xl flex items-center justify-center shrink-0">
                            <svg class="size-5 text-indigo-600" viewBox="0 0 50 50" fill="currentColor" stroke="none">
            <path d="M30.3 13.7L25 8.4l-5.3 5.3-1.4-1.4L25 5.6l6.7 6.7z" />
            <path d="M24 7h2v21h-2z" />
            <path
                d="M35 40H15c-1.7 0-3-1.3-3-3V19c0-1.7 1.3-3 3-3h7v2h-7c-.6 0-1 .4-1 1v18c0 .6.4 1 1 1h20c.6 0 1-.4 1-1V19c0-.6-.4-1-1-1h-7v-2h7c1.7 0 3 1.3 3 3v18c0 1.7-1.3 3-3 3z" />
        </svg>
                            </div>
                        <span class="text-sm font-medium text-zinc-700">۱. در نوار Safari روی دکمه Share بزنید</span>
                    </div>
                    <div class="flex items-center gap-2">
                        <div class="size-8 bg-indigo-100 rounded-xl flex items-center justify-center shrink-0">
                            <svg class="size-4 text-indigo-600" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
            stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
        </svg>
                            </div>
                        <span class="text-sm font-medium text-zinc-700">۲. گزینه «Add to Home Screen» را انتخاب
                            کنید</span>
                    </div>
                </div>

                <div data-os-android data-no-native class="card p-5 text-right mb-3">
                    <div class="flex items-center gap-2 mb-3">
                        <div class="size-8 bg-indigo-100 rounded-xl flex items-center justify-center shrink-0">
                            <svg class="size-4 text-indigo-600" viewBox="0 0 24 24" fill="none" stroke="currentColor"
            stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <line x1="3" y1="12" x2="21" y2="12"></line>
            <line x1="3" y1="6" x2="21" y2="6"></line>
            <line x1="3" y1="18" x2="21" y2="18"></line>
        </svg>
                            </div>
                        <span class="text-sm font-medium text-zinc-700">۱. روی منوی سه‌نقطه بالای Chrome بزنید</span>
                    </div>
                    <div class="flex items-center gap-2">
                        <div class="size-8 bg-indigo-100 rounded-xl flex items-center justify-center shrink-0">
                            <svg class="size-4 text-indigo-600" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
            stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
        </svg>
                            </div>
                        <span class="text-sm font-medium text-zinc-700">۲. گزینه «Add to Home screen» یا «Install app»
                            را بزنید</span>
                    </div>
                </div>

                <button type="button" id="a2hs-native-install" data-os-android class="btn-default w-full mb-3">
                    نصب اپلیکیشن
                </button>

                <button type="button" onclick="location.reload()" class="btn-default w-full">
                    اضافه کردم، رفرش کن
                </button>

                <script>
                    document.getElementById('a2hs-native-install')?.addEventListener('click', async function() {
                        if (!window.deferredA2HSPrompt) return;
                        window.deferredA2HSPrompt.prompt();
                        const {
                            outcome
                        } = await window.deferredA2HSPrompt.userChoice;
                        if (outcome === 'accepted') {
                            window.deferredA2HSPrompt = null;
                            setTimeout(() => location.reload(), 800);
                        }
                    });
                </script>
            </div>
        </div>

        <div class="fixed inset-0 overflow-hidden pointer-events-none -z-10">
            <div class="blob w-md h-112 bg-[#1d83ba70] -top-24 -right-32"></div>
            <div class="blob w-[24rem] h-96 bg-[#7c6fe065] top-30 -left-40" style="animation-delay:-4s"></div>
            <div class="blob w-[20rem] h-80 bg-[#571dba7a] -bottom-24 right-40 opacity-30"
                style="animation-delay:-9s">
            </div>
        </div>
        <main class="grow">
            <div wire:snapshot="{&quot;data&quot;:[],&quot;memo&quot;:{&quot;id&quot;:&quot;EDg5d4BAdiePmJCeNLoH&quot;,&quot;name&quot;:&quot;pages::public.main&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;fa&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;d26b413ed03aa3251686e3ceb1f72d67800a687b4358f1f8cffeb6abe80ec82e&quot;}" wire:effects="[]" wire:id="EDg5d4BAdiePmJCeNLoH" wire:name="pages::public.main">
    <div class="sticky top-3 z-50 px-3">
        <nav class="glass max-w-5xl mx-auto rounded-full px-3 py-2.5 flex items-center justify-between">
            <img class="h-6 mr-2" src="https://irappleid.com/storage/settings/EDkZ7OJxRWbLHjVQQaMOGtcEGM8QLUag4tGqapmY.png" alt="ایران اپل‌آیدی">

            <a href="https://irappleid.com/auth" wire:navigate
                class="btn-default text-sm! font-normal! px-4! py-2! rounded-full flex items-center gap-1.5">
                <!--[if BLOCK]><![endif]-->        <svg class="size-3.5" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
            stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round"
                d="M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z" />
        </svg>
    <!--[if ENDBLOCK]><![endif]-->                <span><!--[if BLOCK]><![endif]-->                    ورود <!--[if ENDBLOCK]><![endif]-->                </span>
            </a>
        </nav>
    </div>

    <section class="px-4 pt-16 pb-10 md:pt-24 md:pb-16">
        <div class="max-w-5xl mx-auto grid md:grid-cols-2 gap-10 items-center">
            <div class="text-center md:text-right">
                <span
                    class="glass-pill inline-flex items-center gap-1.5 px-3 py-1 rounded-full text-xs text-indigo-600 mb-5">
                    <span class="size-1.5 rounded-full bg-indigo-500 animate-pulse"></span>
                     تحویل آنی، بدون انتظار
                </span>

                <h1 class="font-display text-4xl md:text-5xl text-zinc-900 leading-tight mb-4">
                    اپل‌آیدی آماده،<br>
                    <span class="text-indigo-600">با یک کلیک و بدون دردسر</span>
                </h1>

                <p class="text-zinc-600 text-base md:text-lg leading-relaxed mb-7 max-w-md mx-auto md:mx-0">
                    اپل‌آیدی‌های معتبر کشورهای مختلف، با پسوند ایمیل دلخواه، آماده برای استفاده‌ی فوری در گوشی شما. 
                </p>
            </div>

            <div class="flex justify-center perspective-distant">
                <div
                    class="id-card relative w-72 h-44 md:w-80 md:h-48 glass rounded-3xl p-5 flex flex-col justify-between overflow-hidden">
                    <div class="id-card-shine absolute inset-0 -skew-x-12"></div>

                    <div class="flex items-center justify-between relative z-10">
                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        <span class="text-[10px] text-zinc-500 tracking-widest">APPLE ID</span>
                    </div>

                    <div class="relative z-10">
                        <div class="dir-ltr text-left text-lg text-zinc-800 mb-1">●●●● ●●●● @apple.com</div>
                        <div class="flex items-center justify-between">
                            <span class="text-xs text-zinc-500">آمریکا 🇺🇸</span>
                            <span class="text-xs px-2 py-0.5 rounded-full bg-green-500/15 text-green-700">فعال</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section id="quick-buy" class="px-4 pb-16">
        <div class="max-w-3xl mx-auto glass rounded-3xl p-6 md:p-8">
            <div class="flex items-center gap-2 mb-5">
                <div class="size-8 rounded-xl bg-indigo-500/15 flex items-center justify-center">
                    <!--[if BLOCK]><![endif]-->        <svg class="size-4 text-indigo-600"fill="none" viewBox="0 0 24 24" stroke-width="1.5"
            stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round"
                d="m3.75 13.5 10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75Z" />
        </svg>
    <!--[if ENDBLOCK]><![endif]-->                </div>
                <h2 class="font-display text-lg text-zinc-800">خرید سریع</h2>
            </div>

            <!--[if BLOCK]><![endif]-->                <div x-data="{ selectedCategory: 1 }">
                    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
                        <!--[if BLOCK]><![endif]-->                            <div class="card bg-linear-to-br! from-indigo-100/40! to-transparent! p-4 relative cursor-pointer transition-all"
                                @click="selectedCategory = 1"
                                :class="selectedCategory === 1 ?
                                    'border-indigo-500! shadow-lg! shadow-indigo-500/25!' : ''">
                                <div class="flex justify-between">
                                    <div class="size-10 rounded-2xl relative border border-zinc-200/80 p-1">
                                        <img class="object-contain object-center" src="https://irappleid.com/storage/product-categories/ZCd95aAhtSFWDcvrtgsAdvyYR0sp6wgHY4OkofCG.png"
                                            alt="آمریکا با پسوند یاهو">
                                    </div>
                                    <div class="flex items-center gap-1">
                                        <span>200,000</span>
                                        <span class="text-xs">تومان</span>
                                    </div>
                                </div>
                                <div class="flex items-center justify-between mt-2">
                                    <span class="text-sm">آمریکا با پسوند یاهو</span>
                                    <div :class="selectedCategory === 1 ?
                                        'border-indigo-500' : ''"
                                        class="rounded-lg transition-all border border-indigo-200 flex justify-center items-center size-5 bg-indigo-100 ">
                                        <div x-show="selectedCategory === 1" x-transition x-cloak>
                                            <!--[if BLOCK]><![endif]-->        <svg class="text-indigo-500 size-4" viewBox="0 0 24 24" fill="none" stroke="currentColor"
            stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <polyline points="20 6 9 17 4 12"></polyline>
        </svg>
    <!--[if ENDBLOCK]><![endif]-->                                        </div>
                                    </div>
                                </div>
                            </div>
                                                    <div class="card bg-linear-to-br! from-indigo-100/40! to-transparent! p-4 relative cursor-pointer transition-all"
                                @click="selectedCategory = 2"
                                :class="selectedCategory === 2 ?
                                    'border-indigo-500! shadow-lg! shadow-indigo-500/25!' : ''">
                                <div class="flex justify-between">
                                    <div class="size-10 rounded-2xl relative border border-zinc-200/80 p-1">
                                        <img class="object-contain object-center" src="https://irappleid.com/storage/product-categories/EA8c0lXZeVLXQPL3F1qE5ELu7WHtsgqhQ0CUlBJu.png"
                                            alt="کانادا با پسوند جیمیل">
                                    </div>
                                    <div class="flex items-center gap-1">
                                        <span>250,000</span>
                                        <span class="text-xs">تومان</span>
                                    </div>
                                </div>
                                <div class="flex items-center justify-between mt-2">
                                    <span class="text-sm">کانادا با پسوند جیمیل</span>
                                    <div :class="selectedCategory === 2 ?
                                        'border-indigo-500' : ''"
                                        class="rounded-lg transition-all border border-indigo-200 flex justify-center items-center size-5 bg-indigo-100 ">
                                        <div x-show="selectedCategory === 2" x-transition x-cloak>
                                            <!--[if BLOCK]><![endif]-->        <svg class="text-indigo-500 size-4" viewBox="0 0 24 24" fill="none" stroke="currentColor"
            stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <polyline points="20 6 9 17 4 12"></polyline>
        </svg>
    <!--[if ENDBLOCK]><![endif]-->                                        </div>
                                    </div>
                                </div>
                            </div>
                                                    <div class="card bg-linear-to-br! from-indigo-100/40! to-transparent! p-4 relative cursor-pointer transition-all"
                                @click="selectedCategory = 3"
                                :class="selectedCategory === 3 ?
                                    'border-indigo-500! shadow-lg! shadow-indigo-500/25!' : ''">
                                <div class="flex justify-between">
                                    <div class="size-10 rounded-2xl relative border border-zinc-200/80 p-1">
                                        <img class="object-contain object-center" src="https://irappleid.com/storage/product-categories/JPXabCQuJQAO3R7gMdtNbgi161iCZFLcAg3bqgUS.png"
                                            alt="آلمان با پسوند اوت‌لوک">
                                    </div>
                                    <div class="flex items-center gap-1">
                                        <span>350,000</span>
                                        <span class="text-xs">تومان</span>
                                    </div>
                                </div>
                                <div class="flex items-center justify-between mt-2">
                                    <span class="text-sm">آلمان با پسوند اوت‌لوک</span>
                                    <div :class="selectedCategory === 3 ?
                                        'border-indigo-500' : ''"
                                        class="rounded-lg transition-all border border-indigo-200 flex justify-center items-center size-5 bg-indigo-100 ">
                                        <div x-show="selectedCategory === 3" x-transition x-cloak>
                                            <!--[if BLOCK]><![endif]-->        <svg class="text-indigo-500 size-4" viewBox="0 0 24 24" fill="none" stroke="currentColor"
            stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <polyline points="20 6 9 17 4 12"></polyline>
        </svg>
    <!--[if ENDBLOCK]><![endif]-->                                        </div>
                                    </div>
                                </div>
                            </div>
                        <!--[if ENDBLOCK]><![endif]-->                    </div>

                    <div class="mt-4 flex justify-end">
                        <a class="btn-default" wire:navigate
                            x-bind:href="`https://irappleid.com/panel/buy-account/${selectedCategory}`">
                            <span>ثبت سفارش</span>
                        </a>
                    </div>
                </div>
            <!--[if ENDBLOCK]><![endif]-->        </div>
    </section>

    <footer class="px-4 pb-4">
        <div
            class="max-w-5xl mx-auto glass rounded-2xl px-6 py-4 flex flex-col sm:flex-row items-center justify-between gap-2 text-xs text-zinc-500">
            <span>© 2026 ایران اپل‌آیدی — تمامی حقوق محفوظ است.</span>
            <span>توسعه: <a href="https://t.me/the6fallenangels" target="_blank">علیرضا محمدی</a></span>
        </div>
    </footer>
</div>
        </main>

        <div class="px-10 fixed bottom-5 w-full lg:hidden">
            <div
                class="p-1 px-2 w-full shadow-xl shadow-black/10  glass rounded-full flex items-center justify-between">
                                    <a href="https://irappleid.com/panel/configs" wire:navigate.hover
                        class="flex data-current:text-indigo-600 data-current:scale-110 items-center flex-col px-3 py-1.5 gap-1">
                        <svg class="size-4.5" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
            stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round"
                d="M3.75 4.875c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5A1.125 1.125 0 0 1 3.75 9.375v-4.5ZM3.75 14.625c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5a1.125 1.125 0 0 1-1.125-1.125v-4.5ZM13.5 4.875c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5A1.125 1.125 0 0 1 13.5 9.375v-4.5Z" />
            <path stroke-linecap="round" stroke-linejoin="round"
                d="M6.75 6.75h.75v.75h-.75v-.75ZM6.75 16.5h.75v.75h-.75v-.75ZM16.5 6.75h.75v.75h-.75v-.75ZM13.5 13.5h.75v.75h-.75v-.75ZM13.5 19.5h.75v.75h-.75v-.75ZM19.5 13.5h.75v.75h-.75v-.75ZM19.5 19.5h.75v.75h-.75v-.75ZM16.5 16.5h.75v.75h-.75v-.75Z" />
        </svg>
                            <small class="text-[10px]">کانفیگ ها</small>
                    </a>
                                <a href="https://irappleid.com/panel/orders" wire:navigate.hover
                    class="flex data-current:text-indigo-600 data-current:scale-110 items-center flex-col px-3 py-1.5 gap-1">
                    <svg class="size-4.5" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
            stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round"
                d="m7.875 14.25 1.214 1.942a2.25 2.25 0 0 0 1.908 1.058h2.006c.776 0 1.497-.4 1.908-1.058l1.214-1.942M2.41 9h4.636a2.25 2.25 0 0 1 1.872 1.002l.164.246a2.25 2.25 0 0 0 1.872 1.002h2.092a2.25 2.25 0 0 0 1.872-1.002l.164-.246A2.25 2.25 0 0 1 16.954 9h4.636M2.41 9a2.25 2.25 0 0 0-.16.832V12a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 12V9.832c0-.287-.055-.57-.16-.832M2.41 9a2.25 2.25 0 0 1 .382-.632l3.285-3.832a2.25 2.25 0 0 1 1.708-.786h8.43c.657 0 1.281.287 1.709.786l3.284 3.832c.163.19.291.404.382.632M4.5 20.25h15A2.25 2.25 0 0 0 21.75 18v-2.625c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125V18a2.25 2.25 0 0 0 2.25 2.25Z" />
        </svg>
                        <small class="text-[10px]">سفارشات</small>
                </a>
                <a href="https://irappleid.com/panel/transactions" wire:navigate.hover
                    class="flex data-current:text-indigo-600 data-current:scale-110 items-center flex-col px-3 py-1.5 gap-1">
                    <svg class="size-4.5" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
            stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round"
                d="M21 12a2.25 2.25 0 0 0-2.25-2.25H15a3 3 0 1 1-6 0H5.25A2.25 2.25 0 0 0 3 12m18 0v6a2.25 2.25 0 0 1-2.25 2.25H5.25A2.25 2.25 0 0 1 3 18v-6m18 0V9M3 12V9m18 0a2.25 2.25 0 0 0-2.25-2.25H5.25A2.25 2.25 0 0 0 3 9m18 0V6a2.25 2.25 0 0 0-2.25-2.25H5.25A2.25 2.25 0 0 0 3 6v3" />
        </svg>
                        <small class="text-[10px]">کیف پول</small>
                </a>
                <a href="https://irappleid.com/panel/profile" wire:navigate.hover
                    class="flex data-current:text-indigo-600 data-current:scale-110 items-center flex-col px-3 py-1.5 gap-1">
                    <svg class="size-4.5" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
            stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round"
                d="M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z" />
        </svg>
                        <small class="text-[10px]">پروفایل</small>
                </a>
            </div>
        </div>

        <script src="https://irappleid.com/livewire-37e269e3/livewire.min.js?id=4735e441"   data-csrf="CAorpWg5F0n1W3q126nQpWNZbeCvFTtXQAi7kj3O" data-module-url="https://irappleid.com/livewire-37e269e3" data-update-uri="https://irappleid.com/livewire-37e269e3/update" data-navigate-once="true"></script>
        <script defer>
            if ("serviceWorker" in navigator) {
                window.addEventListener("load", function() {
                    navigator.serviceWorker
                        .register("/service-worker.js", {
                            scope: "/"
                        })
                        .catch(function(err) {
                            console.log("Service Worker failed:", err);
                        });
                });
            }
        </script>
    </body>

</html>