{% extends "base.html" %}

{% block title %}حریم خصوصی | بازار آنلاین ۷۲۴{% endblock %}

{% block meta_description %}سیاست حفظ حریم خصوصی در بازار آنلاین ۷۲۴ - نحوه استفاده و محافظت از اطلاعات شخصی کاربران{% endblock %}

{% block meta_keywords %}حریم خصوصی, امنیت اطلاعات, حفاظت از داده, بازار آنلاین ۷۲۴{% endblock %}

{% block og_title %}حریم خصوصی | بازار آنلاین ۷۲۴{% endblock %}

{% block og_description %}سیاست حفظ حریم خصوصی و امنیت اطلاعات کاربران در بازار آنلاین ۷۲۴{% endblock %}

{% block content %}

<!-- ============================================================
     HERO PRIVACY
     ============================================================ -->
<section style="
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 40%, #2563eb 100%);
    padding: 50px 0 40px;
    color: white;
    border-radius: 0 0 40px 40px;
    margin-bottom: 40px;
    position: relative;
    overflow: hidden;
">
    <div style="position: absolute; top: -50%; right: -20%; width: 500px; height: 500px; background: rgba(37,99,235,0.1); border-radius: 50%;"></div>
    <div style="position: absolute; bottom: -30%; left: -10%; width: 400px; height: 400px; background: rgba(37,99,235,0.08); border-radius: 50%;"></div>
    
    <div class="container position-relative">
        <div class="row align-items-center">
            <div class="col-lg-8">
                <div style="display: flex; gap: 8px; margin-bottom: 16px; flex-wrap: wrap;">
                    <span style="background: rgba(34,197,94,0.2); color: #4ade80; padding: 4px 14px; border-radius: 50px; font-size: 12px; font-weight: 600; border: 1px solid rgba(34,197,94,0.2);">
                        <i class="fas fa-shield-alt me-1"></i> امنیت بالا
                    </span>
                    <span style="background: rgba(96,165,250,0.2); color: #60a5fa; padding: 4px 14px; border-radius: 50px; font-size: 12px; font-weight: 600; border: 1px solid rgba(96,165,250,0.2);">
                        <i class="fas fa-lock me-1"></i> رمزنگاری SSL
                    </span>
                    <span style="background: rgba(245,158,11,0.2); color: #fbbf24; padding: 4px 14px; border-radius: 50px; font-size: 12px; font-weight: 600; border: 1px solid rgba(245,158,11,0.2);">
                        <i class="fas fa-check-circle me-1"></i> حریم خصوصی کاربران
                    </span>
                </div>
                
                <h1 style="font-size: 42px; font-weight: 900; line-height: 1.2;">
                    حریم 
                    <span style="background: linear-gradient(135deg, #60a5fa, #a78bfa); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;">
                        خصوصی
                    </span>
                </h1>
                <p style="font-size: 18px; opacity: 0.9; margin: 16px 0 0; max-width: 600px;">
                    حفظ حریم خصوصی و امنیت اطلاعات شما برای ما اولویت است
                </p>
            </div>
        </div>
    </div>
</section>

<!-- ============================================================
     CONTENT
     ============================================================ -->
<div class="container">
    <div class="row">
        <div class="col-lg-8 mx-auto">
            <div class="card shadow-sm border-0">
                <div class="card-body">
                    <!-- مقدمه -->
                    <div style="background: var(--gray-50); padding: 20px; border-radius: var(--radius-md); margin-bottom: 30px; border-right: 4px solid var(--primary);">
                        <p style="margin: 0; font-size: 15px; color: var(--gray-600);">
                            <strong>تاریخ آخرین بروزرسانی:</strong> ۱۴۰۴/۰۱/۰۱
                        </p>
                        <p style="margin: 8px 0 0; font-size: 15px; color: var(--gray-600);">
                            بازار آنلاین ۷۲۴ به حریم خصوصی کاربران خود احترام می‌گذارد و متعهد به حفظ امنیت اطلاعات شماست.
                        </p>
                    </div>

                    <!-- ===== ۱ ===== -->
                    <h2 class="h5 mb-3">
                        <span style="display: inline-block; width: 30px; height: 30px; background: var(--primary); color: white; border-radius: 50%; text-align: center; line-height: 30px; font-size: 14px; margin-left: 8px;">۱</span>
                        اطلاعاتی که جمع‌آوری می‌کنیم
                    </h2>
                    <ul style="padding-right: 20px; color: var(--gray-600); font-size: 14px; line-height: 2.2;">
                        <li><strong>اطلاعات شخصی:</strong> نام، ایمیل، تلفن، آدرس</li>
                        <li><strong>اطلاعات تراکنش:</strong> تاریخچه خرید و سفارشات</li>
                        <li><strong>اطلاعات فنی:</strong> IP، مرورگر، دستگاه</li>
                        <li><strong>کوکی‌ها:</strong> برای بهبود تجربه کاربری</li>
                    </ul>

                    <hr>

                    <!-- ===== ۲ ===== -->
                    <h2 class="h5 mb-3">
                        <span style="display: inline-block; width: 30px; height: 30px; background: var(--primary); color: white; border-radius: 50%; text-align: center; line-height: 30px; font-size: 14px; margin-left: 8px;">۲</span>
                        نحوه استفاده از اطلاعات
                    </h2>
                    <ul style="padding-right: 20px; color: var(--gray-600); font-size: 14px; line-height: 2.2;">
                        <li>پردازش و ارسال سفارشات</li>
                        <li>ارسال اطلاعیه‌ها و تخفیف‌ها</li>
                        <li>بهبود کیفیت خدمات</li>
                        <li>پشتیبانی و پاسخگویی به سوالات</li>
                    </ul>

                    <hr>

                    <!-- ===== ۳ ===== -->
                    <h2 class="h5 mb-3">
                        <span style="display: inline-block; width: 30px; height: 30px; background: var(--primary); color: white; border-radius: 50%; text-align: center; line-height: 30px; font-size: 14px; margin-left: 8px;">۳</span>
                        اشتراک‌گذاری اطلاعات
                    </h2>
                    <ul style="padding-right: 20px; color: var(--gray-600); font-size: 14px; line-height: 2.2;">
                        <li>اطلاعات شما به هیچ شخص ثالثی فروخته نمی‌شود.</li>
                        <li>اطلاعات فقط با شرکت‌های همکار (ارسال، پرداخت) به اشتراک گذاشته می‌شود.</li>
                        <li>در صورت الزام قانونی، اطلاعات با مراجع قضایی به اشتراک گذاشته می‌شود.</li>
                    </ul>

                    <hr>

                    <!-- ===== ۴ ===== -->
                    <h2 class="h5 mb-3">
                        <span style="display: inline-block; width: 30px; height: 30px; background: var(--primary); color: white; border-radius: 50%; text-align: center; line-height: 30px; font-size: 14px; margin-left: 8px;">۴</span>
                        امنیت اطلاعات
                    </h2>
                    <ul style="padding-right: 20px; color: var(--gray-600); font-size: 14px; line-height: 2.2;">
                        <li>استفاده از پروتکل SSL برای رمزنگاری داده‌ها</li>
                        <li>ذخیره‌سازی اطلاعات در سرورهای امن</li>
                        <li>دسترسی محدود به اطلاعات توسط کارکنان</li>
                        <li>بروزرسانی منظم سیستم‌های امنیتی</li>
                    </ul>

                    <hr>

                    <!-- ===== ۵ ===== -->
                    <h2 class="h5 mb-3">
                        <span style="display: inline-block; width: 30px; height: 30px; background: var(--primary); color: white; border-radius: 50%; text-align: center; line-height: 30px; font-size: 14px; margin-left: 8px;">۵</span>
                        کوکی‌ها (Cookies)
                    </h2>
                    <ul style="padding-right: 20px; color: var(--gray-600); font-size: 14px; line-height: 2.2;">
                        <li>از کوکی‌ها برای بهبود تجربه کاربری استفاده می‌شود.</li>
                        <li>کاربران می‌توانند کوکی‌ها را در مرورگر خود غیرفعال کنند.</li>
                        <li>غیرفعال کردن کوکی‌ها ممکن است برخی از خدمات را مختل کند.</li>
                    </ul>

                    <hr>

                    <!-- ===== ۶ ===== -->
                    <h2 class="h5 mb-3">
                        <span style="display: inline-block; width: 30px; height: 30px; background: var(--primary); color: white; border-radius: 50%; text-align: center; line-height: 30px; font-size: 14px; margin-left: 8px;">۶</span>
                        حقوق کاربران
                    </h2>
                    <ul style="padding-right: 20px; color: var(--gray-600); font-size: 14px; line-height: 2.2;">
                        <li>حق دسترسی به اطلاعات شخصی خود</li>
                        <li>حق ویرایش و به‌روزرسانی اطلاعات</li>
                        <li>حق درخواست حذف اطلاعات</li>
                        <li>حق انصراف از دریافت ایمیل‌های تبلیغاتی</li>
                    </ul>

                    <hr>

                    <!-- ===== ۷ ===== -->
                    <h2 class="h5 mb-3">
                        <span style="display: inline-block; width: 30px; height: 30px; background: var(--primary); color: white; border-radius: 50%; text-align: center; line-height: 30px; font-size: 14px; margin-left: 8px;">۷</span>
                        تغییرات در سیاست حریم خصوصی
                    </h2>
                    <ul style="padding-right: 20px; color: var(--gray-600); font-size: 14px; line-height: 2.2;">
                        <li>ما حق تغییر سیاست حریم خصوصی را داریم.</li>
                        <li>تغییرات در همین صفحه اطلاع‌رسانی می‌شود.</li>
                        <li>استفاده ادامه‌دار از سایت به معنای پذیرش تغییرات است.</li>
                    </ul>

                    <hr>

                    <!-- ===== تماس ===== -->
                    <div style="background: var(--primary-light); padding: 20px; border-radius: var(--radius-md); text-align: center; margin-top: 20px;">
                        <p style="margin: 0; color: var(--primary); font-weight: 600;">
                            <i class="fas fa-question-circle me-2"></i>
                            سوالی درباره حریم خصوصی دارید؟
                            <a href="{{ url_for('contact') }}" style="color: var(--primary-dark); text-decoration: underline;">تماس با ما</a>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

{% endblock %}