<div class="static-container">
<style>
/* القالب 2: Corporate Professional - مستوحى من Amazon */
.corporate-pro {
font-family: 'Amazon Ember', Arial, sans-serif;
max-width: 1000px;
margin: 0 auto;
padding: 40px 20px;
background: #f8f9fa;
direction: rtl;
text-align: right;
}
/* الحاوية الرئيسية */
.corporate-pro .content-wrapper {
background: white;
border-radius: 8px;
padding: 48px;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
/* العنوان الرئيسي */
.corporate-pro .page-header {
font-size: 42px;
font-weight: 700;
color: #232f3e;
margin-bottom: 16px;
padding-bottom: 20px;
border-bottom: 4px solid #ff9900;
position: relative;
transition: all 0.4s ease;
}
.corporate-pro .page-header::after {
content: '';
position: absolute;
bottom: -4px;
right: 0;
width: 0;
height: 4px;
background: #146eb4;
transition: width 0.5s ease;
}
.corporate-pro .page-header:hover::after {
width: 30%;
}
.corporate-pro .page-header:hover {
color: #146eb4;
}
/* العناوين الرئيسية */
.corporate-pro .section-header {
font-size: 28px;
font-weight: 700;
color: #232f3e;
margin-top: 48px;
margin-bottom: 24px;
padding: 16px 24px;
background: linear-gradient(90deg, #f0f8ff 0%, transparent 100%);
border-right: 6px solid #ff9900;
position: relative;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.corporate-pro .section-header:hover {
background: linear-gradient(90deg, #e6f3ff 0%, transparent 100%);
border-right-width: 10px;
transform: translateX(-5px);
box-shadow: 0 4px 12px rgba(255, 153, 0, 0.2);
}
/* العناوين الفرعية */
.corporate-pro .subsection-header {
font-size: 22px;
font-weight: 600;
color: #146eb4;
margin-top: 32px;
margin-bottom: 16px;
padding-right: 32px;
position: relative;
transition: all 0.3s ease;
}
.corporate-pro .subsection-header::before {
content: '●';
position: absolute;
right: 8px;
color: #ff9900;
font-size: 16px;
transition: all 0.3s ease;
}
.corporate-pro .subsection-header:hover {
color: #ff9900;
padding-right: 40px;
}
.corporate-pro .subsection-header:hover::before {
transform: scale(1.5) rotate(180deg);
color: #146eb4;
}
/* النصوص */
.corporate-pro .text-content {
font-size: 16px;
line-height: 1.7;
color: #0f1111;
margin-bottom: 16px;
transition: all 0.3s ease;
}
.corporate-pro .text-content:hover {
color: #232f3e;
}
/* البطاقات */
.corporate-pro .info-card {
background: #f7f8f8;
border: 1px solid #ddd;
border-radius: 8px;
padding: 24px;
margin: 24px 0;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
position: relative;
overflow: hidden;
}
.corporate-pro .info-card::before {
content: '';
position: absolute;
top: 0;
right: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255, 153, 0, 0.1), transparent);
transition: right 0.6s ease;
}
.corporate-pro .info-card:hover::before {
right: 100%;
}
.corporate-pro .info-card:hover {
border-color: #ff9900;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
transform: translateY(-4px);
}
/* القوائم */
.corporate-pro .styled-list {
margin: 20px 0;
padding: 0;
list-style: none;
}
.corporate-pro .list-point {
padding: 14px 20px;
padding-right: 48px;
margin-bottom: 12px;
background: white;
border: 2px solid #e7e7e7;
border-radius: 6px;
position: relative;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
font-size: 15px;
color: #0f1111;
}
.corporate-pro .list-point::before {
content: '✔';
position: absolute;
right: 18px;
top: 50%;
transform: translateY(-50%);
color: white;
background: #146eb4;
width: 22px;
height: 22px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
font-weight: bold;
transition: all 0.4s ease;
}
.corporate-pro .list-point:hover {
border-color: #ff9900;
background: #fffbf5;
transform: translateX(-8px);
box-shadow: 0 4px 16px rgba(255, 153, 0, 0.15);
}
.corporate-pro .list-point:hover::before {
background: #ff9900;
transform: translateY(-50%) rotate(360deg) scale(1.2);
}
/* صندوق التحذير/التنبيه */
.corporate-pro .alert-box {
background: #fff8e1;
border-right: 5px solid #ff9900;
padding: 20px 24px;
margin: 28px 0;
border-radius: 6px;
transition: all 0.4s ease;
}
.corporate-pro .alert-box:hover {
background: #fff3cd;
box-shadow: 0 6px 20px rgba(255, 153, 0, 0.2);
transform: translateX(-5px);
}
/* الروابط */
.corporate-pro .contact-link {
color: #146eb4;
text-decoration: none;
font-weight: 600;
position: relative;
padding-bottom: 2px;
transition: all 0.3s ease;
}
.corporate-pro .contact-link::after {
content: '';
position: absolute;
bottom: 0;
right: 50%;
width: 0;
height: 2px;
background: #ff9900;
transition: all 0.4s ease;
}
.corporate-pro .contact-link:hover::after {
right: 0;
width: 100%;
}
.corporate-pro .contact-link:hover {
color: #ff9900;
}
/* تأثيرات الدخول */
@keyframes slideInRight {
from {
opacity: 0;
transform: translateX(30px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
.corporate-pro .section-header,
.corporate-pro .subsection-header,
.corporate-pro .list-point {
animation: slideInRight 0.5s ease-out;
}
</style>
<div class="corporate-pro">
<div class="content-wrapper">
<h1 class="page-header">سياسة الخصوصية</h1>
<h2 class="section-header">مقدمة</h2>
<p class="text-content">نحن في متجر رشفة نلتزم بحماية خصوصيتك وبياناتك الشخصية. توضح هذه السياسة كيفية جمع واستخدام وحماية معلوماتك.</p>
<h2 class="section-header">المعلومات التي نجمعها</h2>
<h3 class="subsection-header">المعلومات الشخصية:</h3>
<ul class="styled-list">
<li class="list-point">الاسم الكامل ورقم الهاتف</li>
<li class="list-point">عنوان البريد الإلكتروني</li>
<li class="list-point">عنوان التوصيل (المدينة، الحي، الشارع)</li>
<li class="list-point">معلومات الدفع (يتم تشفيرها ولا نحتفظ بتفاصيل البطاقة)</li>
</ul>
<h3 class="subsection-header">المعلومات التقنية:</h3>
<ul class="styled-list">
<li class="list-point">عنوان IP والمتصفح المستخدم</li>
<li class="list-point">سجل المشتريات وسلوك التصفح</li>
<li class="list-point">ملفات تعريف الارتباط (Cookies)</li>
</ul>
<h2 class="section-header">كيف نستخدم معلوماتك</h2>
<ul class="styled-list">
<li class="list-point">معالجة وتنفيذ طلباتك وتوصيلها</li>
<li class="list-point">التواصل معك بخصوص طلبك</li>
<li class="list-point">تحسين خدماتنا وتجربة التسوق</li>
<li class="list-point">إرسال عروض خاصة (في حال الموافقة)</li>
<li class="list-point">الامتثال للمتطلبات القانونية</li>
</ul>
<h2 class="section-header">حماية البيانات</h2>
<div class="info-card">
<p class="text-content"><strong>تشفير متقدم:</strong> نستخدم تقنيات التشفير المتقدمة (SSL) لحماية معلوماتك. جميع المعاملات المالية تتم عبر بوابات دفع آمنة ومعتمدة.</p>
</div>
<h2 class="section-header">مشاركة المعلومات</h2>
<div class="alert-box">
<p class="text-content">لن نبيع أو نشارك معلوماتك الشخصية مع أطراف ثالثة إلا في الحالات التالية:</p>
</div>
<ul class="styled-list">
<li class="list-point">شركات الشحن لتوصيل طلبك</li>
<li class="list-point">معالجات الدفع لإتمام المعاملات</li>
<li class="list-point">الجهات الرسمية عند الطلب القانوني</li>
</ul>
<h2 class="section-header">للتواصل بخصوص الخصوصية</h2>
<div class="info-card">
<p class="text-content">
<strong>البريد الإلكتروني:</strong> <a href="mailto:privacy@rashfa.com" class="contact-link">privacy@rashfa.com</a><br>
<strong>الهاتف:</strong> <span class="contact-link">+967-xxx-xxx-xxx</span>
</p>
</div>
</div>
</div>
</div>