/* Add custom CSS styles below */ 
@media (min-width: 768px) {
  #featured-products-style2-8 
.s-products-list-wrapper {
  display: flex !important;
  justify-content: center !important;
  gap: 20px !important;
  flex-wrap: wrap !important;
}
}


.max-w-4xl.mx-auto.space-y-4 {
display: grid !important;
grid-template-columns: auto auto !important;
gap: 1.1rem !important;
max-width: 77rem !important;
margin: auto !important;
} 
/* **** */

.sokar-hero-banner-countdown .sokar-hero-overlay {
	display: none;
}

@media (max-width: 767px) {
	.sokar-hero-banner-countdown {
		min-height: 15rem;
	}
}

 .s-product-card-content > div.flex.justify-between.items-center > div.s-product-card-content-footer.gap-2 > salla-add-product-button > div > salla-button > button > span > span {
font-size: 0; 
position: relative;
}

 .s-product-card-content > div.flex.justify-between.items-center > div.s-product-card-content-footer.gap-2 > salla-add-product-button > div > salla-button > button > span > span::before {
content: "اشتراك" !important;
font-size: 14px !important;
color: #fff !important;
    display: inline-block;
}


section.sokar-bundle-offers.py-20 > div > div.grid.lg\:gap-6.md\:gap-4.gap-2.grid-cols-2.md\:grid-cols-3.lg\:grid-cols-4 > div:nth-child(1) > div:nth-child(2) > div > div,
section.sokar-bundle-offers.py-20 > div > div.grid.lg\:gap-6.md\:gap-4.gap-2.grid-cols-2.md\:grid-cols-3.lg\:grid-cols-4 > div:nth-child(2) > div:nth-child(2) > div > div,
section.sokar-bundle-offers.py-20 > div > div.grid.lg\:gap-6.md\:gap-4.gap-2.grid-cols-2.md\:grid-cols-3.lg\:grid-cols-4 > div:nth-child(3) > div:nth-child(2) > div > div,
section.sokar-bundle-offers.py-20 > div > div.grid.lg\:gap-6.md\:gap-4.gap-2.grid-cols-2.md\:grid-cols-3.lg\:grid-cols-4 > div:nth-child(4) > div:nth-child(2) > div > div

 {
    display: none;
}





.sokar-bundle-offers .sokar-bundle-card {
    display: flex
;
    flex-direction: column;
    justify-content: space-between;
}

.sokar-video-testimonials .sokar-video-card .w-16 {
    display: none;
}

@media(max-width:1023px) 
{
section.sokar-video-testimonials .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}


@media(min-width:1024px) 
{
section.sokar-video-testimonials .grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
}

section.sokar-video-testimonials .sokar-video-card, section.sokar-video-testimonials .sokar-video-card img {
    background-color: unset !important;
    opacity: 1;
    aspect-ratio: unset;


}


section.sokar-video-testimonials.py-20 > div > div.grid.md\:grid-cols-3.gap-8 > div > div.absolute.bottom-0.left-0.right-0.p-4 {
    background: unset !important;
}


.sokar-branches .grid {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.sokar-store-header .header-search .s-search-input-wrapper .s-search-icon-wrap .s-search-icon svg {
    fill: #c7b1e6;
}

#app > div.app-inner.flex.flex-col.min-h-full > footer > div.sokar-footer-payments > div > div > salla-payments > ul > li:nth-child(9){
	display: none !important;
}
.footer-sbc-col {
  display: flex;

}
.footer-sbc-col img {
  max-width: 170px !important;
  height: auto !important;
}

.s-product-card-image > a > img ,  .s-product-card-image
, .s-product-card-image > a > img , .s-product-card-entry .s-product-card-image img{
object-fit: fill !important;
}
@media (min-width:767px){
	.app-inner  > div > div > div > div.flex.min-h-screen > salla-products-list > div.s-products-list-wrapper {
		width: 77% !important;
		margin: auto !important;
		display: flex !important;
		justify-content: center !important;
		align-items: center !important;
	}
}

.sokar-categories-grid .sokar-categories-grid-container .sokar-category-card .absolute.inset-0 {
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity 0.4s ease !important;
}

.sokar-categories-grid .sokar-categories-grid-container .sokar-category-card:hover .absolute.inset-0 {
    opacity: 1 !important;
    pointer-events: auto !important;
}

.app-inner > div > div > div > div.flex.min-h-screen > salla-products-list > div.s-products-list-wrapper
 {
        flex-direction: row !important;
        flex-wrap: wrap !important;
        width: 100% !important;
    }