h2:not(.salla-advertisement>h2) {
    color: #000000!important
}

h1 {
    font-size: 1.55rem;
    line-height: 2.25rem
}

.store-footer__inner .grid>div:nth-of-type(1)>a::after {
    content: "";
    background: url(https://i.postimg.cc/wBS05Sp5/Logo.png);
    display: block;
    background-size: contain;
    width: 110px;
    height: 110px;
    background-repeat: no-repeat
}

.store-footer__inner .container>div {
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding-left: 0;
    padding-bottom: 20px
}

.store-footer__inner .container {
    grid-template-columns: repeat(3,minmax(0,1fr))
}

.store-footer__inner .container>div:nth-of-type(1) {
    grid-column: span 1 / span 2
}

.store-footer__inner+div {
    background: #fff0;
    max-width: 100%;
    justify-content: space-around
}

.store-footer__inner>div a h3 {
    display: none
}

@media (max-width: 992px) {
    .store-footer__inner .container {
        grid-template-columns:repeat(1,minmax(0,1fr))
    }
}

.index .s-block--fixed-banner .container {
    max-width: 100%;
    padding: 0
}

.index .s-block--fixed-banner img {
    background-color: transparent!important;
    border-radius: 0;
    padding: 0
}

.app-inner .s-block--fixed-banner:first-of-type {
    margin-top: 0px!important
}

.s-block--double-banner {
    padding: 10px
}

@media (min-width: 1024px) {
    .s-block--double-banner {
        padding:100px
    }
}

footer {
    background-image: url(https://i.postimg.cc/pVQq8G18/BG.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

footer * {
    background-color: unset!important;
    color: #ffffff!important;
    border-color: #fff!important
}

footer>svg {
    display: none
}

#cus-secs {
    width: 100%;
    padding-top: 60px
}

.header-btn__icon:hover {
    transform: scale(1.1)
}

.s-user-menu-trigger {
    display: flex;
    background-color: #000000
}

.s-slider-block__title .s-slider-block__title-right h2 {
    color: var(--dark)
}

body {
    --tw-bg-opacity: 1;
    background-color: rgba(249, 250, 251, var(--tw-bg-opacity, 1));
    background-image: url(https://i.postimg.cc/W17dwrc5/WP.png); /* Replace with your actual image URL */
    background-size: cover; /* Makes the image cover the whole background */
    background-repeat: no-repeat; /* Prevents the image from repeating */
    background-position: center; /* Centers the image */
}

salla-advertisement > div {
  overflow: hidden;
  position: relative;
  background: #fffbe0;
}

salla-advertisement > div > div {
  display: inline-block;
  animation: slide-ad 20s linear infinite;
  white-space: nowrap;
  will-change: transform;
}

@keyframes slide-ad {
  0% {
    transform: translateX(100%);
  }

  100% {
    transform: translateX(calc(-100% - 100vw));
  }
}



/* Whatsapp Icons */
.btn-whatsapp-pulse {
	background: #25d366;
	color: white;
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 0;
	height: 0;
	padding: 35px;
	text-decoration: none;
	border-radius: 50%;
	animation-name: pulse;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
	z-index:555555;
}

@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
	}
	80% {
		box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
	}
}

.btn-whatsapp-pulse-border {
	bottom: 120px;
	right: 20px;
	animation-play-state: paused;
}

.btn-whatsapp-pulse-border::before {
	content: "";
	position: absolute;
	border-radius: 50%;
	padding: 25px;
	border: 5px solid #25d366;
	opacity: 0.75;
	animation-name: pulse-border;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
}

@keyframes pulse-border {
	0% {
		padding: 25px;
		opacity: 0.75;
	}
	75% {
		padding: 50px;
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

/* 1. تلوين شريط العنوان في القائمة الجانبية بالأسود الداكن */
/* لتلوين الشريط الذي يحمل "القائمة الرئيسية" */
.mm-ocd--right .mm-navbar {
    background-color: #222222 !important;
    border-bottom: 1px solid #A67C00; /* خط فاصل ذهبي */
    display: flex;   /* تطبيق نظام Flexbox */
    justify-content: center; /* توسيط العناصر داخله أفقياً */
    list-style: none; /* إزالة أي نقاط أو قوائم افتراضية */
    padding: 0; /* إزالة أي هامش داخلي/خارجي قد يعيق التوسيط */
    margin: 0;
}

/* 2. تلوين نص "القائمة الرئيسية" في الشريط العلوي */
.mm-ocd--right .mm-navbar__title {
    color: #ffffff !important;
}


.main-menu a {
    color: #111111 !important;
    background-color: #ffffff !important;
    border-radius: 10px; 
    padding: 6px 15px;
    align-items: center !important; 
    margin: 0 5px; 
    transition: background-color 0.3s, color 0.3s;
    font-size: 16px !important; 
    font-weight: 500;
}

.main-menu ul{
justify-content: center;
}

/* 5. تلوين النص بالذهبي عند التمرير عليه */
.main-menu a:hover {
    color: #ffffff !important;
    background-color: #A67C00 !important; /*اللون الذهبي*/}
    
/* الكود الذي يجب أن يعمل على رابط التصنيف الفردي (الفقاعة) */
.header-categories-nav a { 
    color: #111111 !important;
    background-color: #f7f7f7 !important;
    border-radius: 10px;
    
    font-size: 16px !important; 
    font-weight: 500;
    
    /* لـ **حل مشكلة الفراغ والتوسيط العمودي** */
    padding: 6px 15px !important; /* تقليل الهامش العمودي */
    display: inline-flex !important;
    align-items: center !important; 
    
    margin: 0 5px;
    transition: background-color 0.3s, color 0.3s;
    white-space: nowrap; 
}

.container .banner banner a:hover img {
    transform: scale(1.05); /* تكبير الصورة بنسبة 5% */
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3); 
}