/* Add custom CSS styles below */ 
/* تحميل الصفحة - شعار المتجر */
body:after {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    z-index: 999999;
    background: var(--header) url('https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/vaoVl/MuHEZEaLwsqfDQBSoWMPCfoIoROj490xskNqqUdL.png') no-repeat center;
    background-size: 360px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    animation: fade-in 2.5s forwards;
    border: none;
}

@keyframes fade-in {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    75% {
        opacity: 1;
        transform: scale(1);
    }
    100% {
        opacity: 0;
        transform: scale(0.1);
    }
}

/* متغيرات الألوان والشعار */
:root {
    --header: #fff;
}
/* تصميم زر واتساب الثابت */
#whatsapp-btn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 99999;
    width: 60px;
    height: 60px;
    background: #25D366;
    border-radius: 50%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    animation: pop-up 1s ease-in-out;
}

#whatsapp-btn img {
    width: 35px;
    height: 35px;
}

/* تأثير الظهور */
@keyframes pop-up {
    0% {
        transform: scale(0.8);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}
section.s-block.s-block--fixed-banner.wide-placeholder {
  margin-top: 0; /* إزالة أي مسافات علوية */
}

section.s-block.s-block--fixed-banner.wide-placeholder .container {
  max-width: 100%; /* تمديد العرض ليكون بكامل الشاشة */
  padding: 0; /* إزالة الهوامش الداخلية */
}

section.s-block.s-block--fixed-banner.wide-placeholder .container img {
  width: 100%; /* تمديد الصورة لتكون بعرض الشاشة */
  height: auto; /* الحفاظ على النسبة بين العرض والارتفاع */
  border-radius: 0; /* إزالة الزوايا المستديرة */
  background-color: transparent; /* جعل الخلفية شفافة */
}