.main-nav-container .s-cart-summary-wrapper .header-btn__icon  , .main-nav-container .s-cart-summary-count , #s-cart-icon > i , #mainnav > div > div > div > div.flex > salla-cart-summary > a > span
{
	display: none !important;
}

#app > div.app-inner.flex.flex-col.min-h-full > footer > div.md\:px-10.px-5.lg\:py-9.md\:py-7.py-5 > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > div.flex.rtl\:space-x-reverse.space-x-2.items-end{
padding-top: 1rem !important;
}
@media(max-width: 767px){
body::after{
background-size: 40% !important;}}
 
.store-footer>div>div>div:nth-child(1)>a:nth-child(1){
	width: 200px !important;
}
.store-footer>div>div>div:nth-child(2){
	display: none !important;
}


.content.content--single-page{
	width: unset !important;
	margin: auto !important;
}


/* فل سكرين للهيدر بالجوال */

@media (max-width: 768px) {
  /* السلايدر نفسه */
  .art-slider,
  .art-slider .swiper,
  .art-slider .swiper-container,
  .art-slider .swiper-wrapper,
  .art-slider .swiper-slide {
    height: 100vh !important;   /* طول الشاشة */
    min-height: 100vh !important;
    padding: 0 !important;
  }

  /* أي div داخلي ياخذ نفس الطول */
  .art-slider .relative,
  .art-slider .h-auto,
  .art-slider .w-full {
    height: 100% !important;
  }
  
  
  /* تكبير الصور داخل الـ grid */
.custom-grid img {
  width: 40%;              /* يكبر الصورة بنسبة 20% */
  height: auto;             /* يحافظ على التناسب */
  object-fit: contain;      /* ما يقص الصورة */
  transition: transform 0.4s ease; /* حركة ناعمة */
}

/* يجعل الصور تبقى في المنتصف */
.custom-grid div {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* تأثير عند تمرير الماوس (اختياري) */
.custom-grid img:hover {
  transform: scale(1.05);   /* تكبر قليلاً عند التمرير */
}