الشحن

<body>

<style>

.page {
background: #1a1a1a;
color: #e0e0e0;
font-family: 'Poppins', sans-serif;
direction: rtl;
text-align: right;
}

/* SOCIAL TOP */
.top-social {
position: fixed;
top: 20px;
left: 30px;
display: flex;
gap: 15px;
z-index: 1000;
}

.social-btn {
text-decoration: none;
color: white;
padding: 10px 20px;
border-radius: 25px;
font-size: 14px;
transition: 0.3s;
}

.fb { background: #1877f2; }
.fb:hover { background: #0f5dcf; }

.ig { background: #e1306c; }
.ig:hover { background: #b91c5c; }

.title {
font-size: 50px;
color: #ccc;
letter-spacing: 2px;
transition: 0.4s;
}

.title:hover {
color: #fff;
transform: scale(1.05);
}

/* CONTENT */
.content {
padding: 80px 10%;
max-width: 900px;
margin: auto;
}

.block {
margin-bottom: 30px;
padding: 25px;
border-radius: 15px;
background: #222;
transition: 0.4s;
}

.block:hover {
background: #2a2a2a;
transform: translateY(-5px);
}

.block span {
display: block;
font-size: 18px;
color: #d4af37;
margin-bottom: 10px;
}

.block p {
color: #bbb;
line-height: 2;
font-size: 15px;
}

.highlight {
color: #fff;
}

</style>

<div class="top-social">
<a class="social-btn fb" href="https://www.facebook.com/rashasheref.eg" target="_blank">فيسبوك</a>
<a class="social-btn ig" href="https://www.instagram.com/rasha.sheref_fashion.designer" target="_blank">انستجرام</a>
</div>

<div class="content">

<div class="block">
<span>الشحن والتوصيل</span>
<p>
نوفر خدمة التوصيل إلى جميع محافظات مصر.
يتم تسليم الطلبات خلال <span class="highlight">من 5 إلى 10 أيام عمل</span> مع ضمان الجودة ووصول المنتج بأمان.
</p>
</div>

<div class="block">
<span>نطاق التوصيل</span>
<p>
أينما كنت داخل مصر، نحن نغطي جميع المناطق.
خدمة الشحن لدينا تصل إلى كل مكان بكل موثوقية واهتمام.
</p>
</div>

<div class="block">
<span>المعاينة عند الاستلام</span>
<p>
يمكنك <span class="highlight">معاينة الطلب أثناء وجود المندوب</span>.
هذا يتيح لك التأكد من أن المنتج مطابق لتوقعاتك قبل إتمام الشراء.
</p>
</div>

<div class="block">
<span>سياسة الاستبدال</span>
<p>
نوفر إمكانية الاستبدال خلال <span class="highlight">3 أيام من استلام الطلب</span>.
يجب أن تكون المنتجات بحالتها الأصلية وغير مستخدمة وبجميع التاجات.
</p>
</div>

<div class="block">
<span>الإرجاع والشروط</span>
<p>
يتم التعامل مع طلبات الإرجاع بعناية للحفاظ على جودة المنتجات.
يجب أن يكون الطلب ضمن المدة المحددة ووفقًا للشروط المعتمدة.
</p>
</div>

</div>

<script>
const style = document.createElement("style");

style.innerHTML = `
.page ::selection {
background: red !important;
color: #fff !important;
}
`;

document.head.appendChild(style);
</script>

</body>