.container {
    padding-left: 46px;
    padding-right: 46px;
  display: none !important;
}
.selia-bottom-nav,#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > section.s-block.s-block--circle-links.force-center.circle-links-2,#about-8,#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > section.s-block.s-block--images-grid,#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > section.s-block.s-block--custom-reviews.relative.has-bg.pt-3,#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > section.s-block.relative.s-block--faq.overflow-hidden.bg-transparent.pb-8.has-bg.pt-3,.s-block s-block--images-grid  ,#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > footer > div > div.store-footer__inner > div > div.text-center.order-1.lg\:order-\[unset\],.footer-links-column, .main-nav-container ,.advanced-slider ,.animated-text, .promotion-banner{
    display: none !important;
  opacity: 0;
}

:root {
   
}

.bg-storeBG {
 background: url(https://i.ibb.co/wr026BHv/Chat-GPT-Image-21-2026-05-55-14.png) !important;
background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position-x: 70% !important;
    background-position-y: 0 !important;
}


/* countdown */
.s-count-down-item-value {
  color : #f16c9f;
}
.s-block--offer-countdown salla-count-down .s-count-down-list .s-count-down-item {
  background : transparent;
  box-shadow : none;
  border: solid 0.5px rgb(220 220 220);
  border-radius: 8px;
  min-height : 80px;
}
.s-block--offer-countdown salla-count-down .s-count-down-list .s-count-down-item .s-count-down-item-label {
  color : black;
  opacity : 25%;
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > section.s-block--offer-countdown.s-block > div > div > div > salla-count-down > ul > li > div.s-count-down-item-value {
  font-weight : 200;
}

.s-block--offer-countdown .offer-countdown-subtitle {
  opacity : 50%;
  font-weight : 400;
}
.s-block--offer-countdown .offer-countdown-content {
  gap: 12px !important;
}
.s-block--offer-countdown .offer-countdown-cta {
    display: flex;
    width: -webkit-fill-available;
      
    padding: 0px 18px;

}
.s-block--offer-countdown .offer-countdown-cta .offer-countdown-button {
     width: 100%;
    justify-content: center;
  background: white;
  color: black;
  border: solid 0.5px rgb(220 220 220);
  box-shadow: none;
}






/* Footer */ 
.store-footer__inner,.store-footer__contacts-row {
  background-color : transparent;;
}
.store-footer {
  background-color : transparent;;
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > footer > div > div.store-footer__inner {
    border-radius: 20px 20px 0px 0px;
}

#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > footer > div > div.store-footer__inner > div > div.lg\:-mt-\[45px\].relative.z-\[1\].lg\:col-\[2\] > div.footer-badges.flex.justify-center.items-center > div > a {
  display : none;
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > footer > div > div.store-footer__inner > div > div.lg\:-mt-\[45px\].relative.z-\[1\].lg\:col-\[2\] > div.footer-badges.flex.justify-center.items-center > salla-trust-badges > img {
  display : none;
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > footer > div > div.store-footer__inner > div > div:nth-child(3) {
  display : none;
}
/*#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > footer > div > div.footer-bottom > div > salla-payments {
  display : none;
}*/
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > footer > div > div.store-footer__contacts-row > selia-contacts {
  display : none;
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > footer > svg > path {
  display : none;
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > footer > div > div.store-footer__inner > div > div.lg\:-mt-\[45px\].relative.z-\[1\].lg\:col-\[2\] > a > img {
  display : none;
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > footer > div > div.store-footer__inner > div > div.text-center.order-1.lg\:order-\[unset\] > ul > li {
  opacity : 50%;
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > footer > div > div.store-footer__inner > div > div.lg\:-mt-\[45px\].relative.z-\[1\].lg\:col-\[2\] > div.footer-badges.flex.justify-center.items-center > salla-trust-badges > div > b,
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > footer > div > div.store-footer__inner > div > div.lg\:-mt-\[45px\].relative.z-\[1\].lg\:col-\[2\] > div.footer-badges.flex.justify-center.items-center > div > div > b {
  opacity : 50%;
}

#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > footer > div > div.footer-bottom > div > span > p {
  opacity :50%;
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > footer > div > div.store-footer__contacts-row:before {
  content : '';
  display: flex;
  flex-direction: column;
  align-items: center;
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > footer > div > div.store-footer__inner {
  padding-bottom : 0;
  border-radius: 20px 20px 0px 0px;
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > footer > div > div.store-footer__inner > div > div.lg\:-mt-\[45px\].relative.z-\[1\].lg\:col-\[2\] > a {
  content : url('https://i.ibb.co/sxBhvgT/Gmark-white.png');
  height : auto;
  width : 35px;
  margin: 0 auto;
}

#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > footer > div > div.store-footer__inner > div > div.lg\:-mt-\[45px\].relative.z-\[1\].lg\:col-\[2\] > div.footer-badges.flex.justify-center.items-center > div > div > p {
  text-align : center;
}


#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > footer > div > div.footer-bottom > div > span > p {
  font-size: 0; /* إخفاء النص القديم "جميع الحقوق محفوظة" */
}

#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > footer > div > div.footer-bottom > div > span > p::after {
  content: "طرق دفع آمنة"; /* النص الجديد */
  font-size: 14px; /* أعد تعيين حجم الخط المناسب لظهور النص الجديد */
  display: inline-block;

  color: #000000; 
}

#app {
  padding: 0;
}
.app-inner  {
      justify-content: space-between;
}
body {
  height: 100vh;
}

.store-footer {
    background-color: transparent;
  backdrop-filter: blur(10px);
    border-radius: 25px 25px 0px 0px;
    border: solid 0.5px silver;
    padding-bottom: 25px;
    margin: 0;
  display: flex;
    justify-content: center;
}
.s-block--offer-countdown, .offer-countdown-bg-media,.s-block--offer-countdown.s-block--has-media .offer-countdown-bg-wrapper .offer-countdown-overlay {
  background: transparent !important;
}
.s-block--offer-countdown salla-count-down .s-count-down-list .s-count-down-item .s-count-down-item-label {
    color: white;
}

.bg-storeBG {
  background: transparent;
}


.s-block--offer-countdown {

    margin-top: 50px;
}




/* 1. إلغاء المساحات والحشوات السفلية التي يضيفها النظام لشريط التنقل السفلي */
body.has-bottom-nav, 
html {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
   
}

.app-inner {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* 2. التأكد من عدم وجود مساحة خارجية تحت الفوتر نفسه */
.store-footer {
    margin-bottom: 0 !important;
}

/* 3. إجبار الفوتر على البقاء في أسفل الشاشة دائماً في حال كانت الصفحة قصيرة */
.app-inner {
    display: flex !important;
    flex-direction: column !important;
    min-height: 100vh !important;
}

main {
    flex: 1 0 auto !important; /* هذا الكود يجبر المحتوى على التمدد لدفع الفوتر للأسفل */
}















/* إنشاء طبقة السباركلز كعنصر وهمي ثابت فوق الخلفية */
body::before {
    content: "";
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 0;
    pointer-events: none; /* مهم جداً: يمنع التأثير من إعاقة النقرات على أزرار المتجر */
    
    /* 4 طبقات من الإضاءات (السباركلز) بأحجام مختلفة */
    background-image: 
        radial-gradient(1.5px 1.5px at 20px 30px, #ffffff, transparent),
        radial-gradient(2px 2px at 80px 110px, rgba(255,255,255,0.7), transparent),
        radial-gradient(1px 1px at 150px 50px, rgba(255,255,255,0.5), transparent),
        radial-gradient(2.5px 2.5px at 220px 180px, rgba(255,255,255,0.9), transparent);
    
    /* أحجام Pattern مختلفة لكل طبقة لخلق العشوائية */
    background-size: 150px 150px, 250px 250px, 200px 200px, 350px 350px;
    
    /* وضعية الدمج لتعطي إشراقة (Glow) مع الخلفية الغامقة */
    mix-blend-mode: screen;
    
    /* الأنيميشن: 35 ثانية للحركة البطيئة المستمرة */
    animation: flyingSparkles 35s linear infinite;
}

/* رفع محتوى المتجر درجة واحدة ليكون فوق السباركلز */
.app-inner > header, 
.app-inner > main, 
.app-inner > footer {
    position: relative;
    z-index: 1;
}

/* مفاتيح الحركة المتطايرة */
@keyframes flyingSparkles {
    0% {
        background-position: 0 0, 0 0, 0 0, 0 0;
    }
    100% {
        /* الحركة الأساسية للأعلى (-Y) مع إزاحات جانبية (X) مختلفة لكل طبقة */
        background-position: 150px -300px, -250px -500px, 200px -400px, -350px -700px;
    }
}




body::after {
    content: "";
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 9999 !important; /* ضمان الظهور كطبقة علوية فوق كل شيء */
    pointer-events: none !important; /* السماح بمرور النقرات للمتجر من خلال التأثير */
    
    /* 4 إضاءات دائرية متمركزة في الزوايا الأربعة */
    background: 
        radial-gradient(circle at 0% 0%, rgba(212, 175, 55, 0.3), transparent 50%),    /* أعلى اليسار */
        radial-gradient(circle at 100% 0%, rgba(255, 223, 0, 0.25), transparent 50%),  /* أعلى اليمين */
        radial-gradient(circle at 0% 100%, rgba(197, 160, 89, 0.3), transparent 50%),  /* أسفل اليسار */
        radial-gradient(circle at 100% 100%, rgba(212, 175, 55, 0.25), transparent 50%); /* أسفل اليمين */
    
    mix-blend-mode: screen; /* دمج الإضاءة بسلاسة مع الخلفية الغامقة */
    
    /* حركة الظهور والاختفاء مدتها 5 ثواني */
    animation: cornersPulse 5s ease-in-out infinite alternate;
}

/* مفاتيح حركة النبض والتمدد */
@keyframes cornersPulse {
    0% {
        opacity: 0.2;
        transform: scale(1);
    }
    100% {
        opacity: 1;
        transform: scale(1.05); /* تمدد خفيف يعطي حيوية للإضاءة */
    }
}