.part-wide-banner .container {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.part-wide-banner a {
  width: 100% !important;
  border-radius: 0 !important;
}

.part-wide-banner img {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
}



@media (min-width: 1024px) {
  .part-store-footer__inner > .container {
    position: relative !important;
  }

  .part-store-footer__inner > .container > div:first-child {
    position: static !important;
  }

  .part-store-footer__inner salla-trust-badges {
    position: absolute !important;
    top: 120px !important;
    left: calc(42.333% + 0px) !important;
    transform: translateX(-40%) !important;
    display: flex !important;
    justify-content: center !important;
     transform: translatey(120%) !important;
    
    
  }
}



  .part-store-footer__inner > .container {
    justify-items: center !important;
    align-items: start !important;
    text-align: center !important;
  }

  .part-store-footer__inner > .container > div,
  .part-store-footer__inner > .container > salla-apps-icons {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }

  .part-store-footer__inner h3 {
    text-align: center !important;
  }

  .part-store-footer__inner .max-w-sm {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }

  .part-store-footer__inner salla-social {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .part-store-footer__inner salla-trust-badges {
    justify-content: center !important;
  }

  .part-store-footer__inner .s-menu-footer-list {
    align-items: center !important;
    text-align: center !important;
  }

  .part-store-footer__inner .s-menu-footer-item {
    text-align: center !important;
  }

  .part-store-footer__inner .s-contacts-list {
    align-items: center !important;
  }

  .part-store-footer__inner .s-contacts-item {
    justify-content: center !important;
    text-align: center !important;
  }

  .part-copyright > .container {
    justify-content: center !important;
    text-align: center !important;
  }

 


.s-product-card-entry .s-product-card-image img
{
	object-fit: contain !important;
}
.s-product-card-entry .s-product-card-image{
	    aspect-ratio: 1 / 1 !important;
	    background-color: unset !important;
	    height: unset !important;
	    max-height: unset !important;
}


.part-countdown .container {
  display: flex !important;
  justify-content: center !important;
}

.part-countdown .container > .flex {
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  width: 100% !important;
}

.part-countdown .lg\:w-1\/2 {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

.part-countdown salla-count-down {
  margin-left: auto !important;
  margin-right: auto !important;
}

.part-countdown a {
  margin-left: auto !important;
  margin-right: auto !important;
}

.part-countdown img {
  margin-left: auto !important;
  margin-right: auto !important;
}



@media (max-width: 1024px) {
.s-product-card-entry .s-product-card-image .s-product-card-promotion-title {
    font-size: 8px !important;
    padding: 2px 8px !important;
    right: 6px !important;
    top: 0px !important;
}
}
 

@media (min-width: 1024px) {
   footer .lg\:grid-cols-6 {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}




body {
    background:
        radial-gradient(
            ellipse at center,
            #FFFFFF 0%,
            #E9E7E1 35%,
            #D2C49B 65%,
            #A98C4F 100%
        ) !important;

    background-attachment: fixed !important;ba




  
/* =========================================
   DIILCAR
   حسابي + السلة
   ذهبي بيج
   ========================================= */

:root {
    --diilcar-gold: #C9A96A !important;
}

/* ===== كلمة حسابي ===== */

header a,
header button {
    color: #C9A96A !important;
}


/* ===== عند المرور بالماوس ===== */

header a:hover,
header button:hover,
header .sicon-cart:hover,
header .sicon-user:hover {
    color: #D8BD86 !important;
}








/* لون كلمة السلة */
span.text-\[11px\].font-bold {
    color: #C9A96A !important;
}

/* لون السلة عند مرور الماوس */
span.text-\[11px\].font-bold.group-hover\:text-\[var\(--color-primary\)\] {
    color: #C9A96A !important;
}






/* =========================================
   DIILCAR - السلة
   الأيقونة + كلمة السلة = زر واحد
   ========================================= */

/* كلمة السلة */
header span.text-\[11px\].font-bold {
    color: #C9A96A !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}

/* لون الأيقونة */
header .sicon-cart,
header .sicon-cart:before {
    color: #C9A96A !important;
}

/* نفس اللون عند تحريك الماوس */
header .group:hover span.text-\[11px\].font-bold {
    color: #C9A96A !important;
}

header .group:hover .sicon-cart,
header .group:hover .sicon-cart:before {
    color: #C9A96A !important;
}











  /* =========================================
   DIILCAR - ترتيب الهيدر
   ========================================= */

/* الهيدر الرئيسي */
header,
.store-header,
.main-header {
    background: #29282b !important;
    position: relative !important;
}

/* الحاوية الداخلية */
header .container,
.store-header .container,
.main-header .container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 25px !important;
    padding-right: 25px !important;
}


/* =========================================
   الشعار - أقصى اليمين
   ========================================= */

header .navbar-brand,
header .logo,
.store-header .logo,
.main-header .logo {
    margin-right: auto !important;
    margin-left: 0 !important;
    order: 1 !important;
}


/* =========================================
   القائمة - جهة اليمين
   ========================================= */

header nav,
header .navbar-nav,
.store-header nav,
.main-header nav {
    order: 2 !important;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 35px !important;
}

/* كلمات القائمة */
header nav a,
header .navbar-nav a,
.store-header nav a,
.main-header nav a {
    color: #b99a58 !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
}


/* =========================================
   البحث - المنتصف
   ========================================= */

header form,
header .search,
header .search-bar,
.store-header .search,
.main-header .search {
    order: 3 !important;
    width: 45% !important;
    max-width: 740px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}


/* مربع البحث */
header input[type="search"],
header input[placeholder*="البحث"],
header input[placeholder*="كلمة"],
.store-header input,
.main-header input {
    width: 100% !important;
    background: #f1f2f5 !important;
    border-radius: 6px !important;
    border: none !important;
}


/* =========================================
   حسابي + السلة - أقصى اليسار
   ========================================= */

header .header-actions,
header .actions,
header .user-menu,
header .cart,
.store-header .header-actions,
.main-header .header-actions {
    order: 4 !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 25px !important;
}


/* الأيقونات */
header .header-actions svg,
header .actions svg,
header .user-menu svg,
header .cart svg {
    color: #b99a58 !important;
    stroke: #b99a58 !important;
}


/* كلمات حسابي والسلة */
header .header-actions a,
header .actions a,
header .user-menu a,
header .cart a {
    color: #b99a58 !important;
}


/* =========================================
   الخط الفاصل أسفل الهيدر
   ========================================= */

header::after,
.store-header::after,
.main-header::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: rgba(255,255,255,0.25);
}


/* =========================================
   لون الخلفية
   ========================================= */

body {
    background: #29282b !important;
}















  /* =========================================
   DIILCAR - ترتيب الهيدر
   ========================================= */

:root {
    --diilcar-gold: #b99a58;
    --diilcar-bg: #29282b;
}

/* خلفية الهيدر */
header,
.s-header {
    background: var(--diilcar-bg) !important;
}

/* لون روابط الهيدر */
header a,
.s-header a {
    color: var(--diilcar-gold) !important;
}

/* منع العناصر من النزول */
header .container,
.s-header .container {
    max-width: 100% !important;
}

/* البحث */
header input,
.s-header input {
    border-radius: 6px !important;
}

/* القائمة السفلية جهة اليمين */
header nav,
.s-header nav {
    justify-content: flex-start !important;
}



/* الأيقونات */
header svg,
.s-header svg {
    color: var(--diilcar-gold) !important;
    stroke: var(--diilcar-gold) !important;
}

/* الخط الفاصل */
header {
    border-bottom: 1px solid rgba(255,255,255,.25) !important;
}

















@media (max-width: 768px) {

  /* إزالة الفراغ فوق البنر الأول فقط */
  section.part-wide-banner:has(
    img[src*="081d63b4-e107-4d7c-889c-7cb07766c36c"]
  ) {
    padding-top: 0 !important;
  }

}








  @media (max-width: 768px) {

  /* رفع البنر الثاني فقط */
  .part-wide-banner:has(
    img[src*="d7-b0fc-4f2d-8661-5af69426f498"]
  ) {
    position: relative !important;
    top: -40px !important;
    margin-bottom: -40px !important;
  }

}













@media (max-width: 768px) {

  html {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    overscroll-behavior-x: none !important;
  }

  body {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    overscroll-behavior-x: none !important;
    touch-action: pan-y !important;
  }

  #app {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
  }

  main,
  section,
  header,
  footer {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }
}