<div class="ss-snoopy-top">
<div class="ss-top-faq">؟ الأسئلة الشائعة</div>
<div class="ss-top-icons">
<a href="#">⌖</a>
<a href="https://www.facebook.com/share/1B2vNElbCI/" target="_blank">f</a>
<a href="https://www.instagram.com/2373issh?igsh=MXZ1Ngyhd1k0MVIZ0" target="_blank">◎</a>
<a href="https://www.tiktok.com/@rahma_shop.2023?_r=1" target="_blank">♪</a>
</div>
<div class="ss-top-phone">☎ 0675 66 95 57</div>
</div>
<style>
.ss-snoopy-top{
width:100vw;
margin-left:calc(50% - 50vw);
margin-right:calc(50% - 50vw);
background:#0D7ACB;
color:#fff;
height:58px;
display:flex;
align-items:center;
justify-content:space-between;
padding:0 18px;
box-sizing:border-box;
direction:rtl;
font-weight:800;
overflow:hidden;
}
.ss-top-faq{
font-size:20px;
white-space:nowrap;
}
.ss-top-icons{
display:flex;
align-items:center;
justify-content:center;
gap:18px;
font-size:28px;
line-height:1;
}
.ss-top-icons a{
color:#fff !important;
text-decoration:none !important;
font-weight:900;
}
.ss-top-phone{
font-size:19px;
white-space:nowrap;
direction:ltr;
}
@media(max-width:768px){
.ss-snoopy-top{
height:54px;
padding:0 10px;
}
.ss-top-faq{
font-size:16px;
}
.ss-top-icons{
gap:12px;
font-size:24px;
}
.ss-top-phone{
font-size:15px;
}
}
</style>
