/* Add custom CSS styles below */ 
.cart-item .free-ribbon{
	display: none !important;
}
.s-product-card-entry .s-product-card-image img {
    object-fit: contain !important;
    background: #fff;
}
@media (max-width: 600px) {
    .s-product-card-entry .s-product-card-content-footer button {
        font-size: 13px !important;
        padding-left: unset !important;
        padding-right: unset !important;
    }
}
@media (max-width: 400px) {
	.s-product-card-entry
		.s-product-card-content
		.s-product-card-content-main
		.s-product-card-content-title
		a {
		font-size: 12px !important;
		line-height: 15px !important;
	}

	.s-product-card-vertical
		.s-product-card-wishlist-btn:where([dir='rtl'], [dir='rtl'] *) {
		left: 0;
		right: auto;
		top: 0;
	}
	.s-product-card-entry .s-product-card-image .s-product-card-promotion-title {
		font-size: 8px !important;
		font-weight: 400 !important;
		padding: 2px 3px !important;
		line-height: 2 !important;
		top: 4px !important;
		right: 4px !important;
		white-space: nowrap !important;
		min-width: 4rem;
		text-align: center;
	}
	.s-product-card-wishlist-btn {
		width: 28px !important;
		height: 28px !important;
		min-width: 28px !important;
		min-height: 28px !important;
	}

	.s-product-card-wishlist-btn i {
		font-size: 14px !important;
	}

	.s-product-card-entry
		.s-product-card-image
		.s-product-card-wishlist-btn
		button {
		padding: unset !important;
	}
}
  .free-ribbon { display: none !important; }

#brands-nav  ,#brands-nav , section .flex.items-center.mb-10 .brand-char {
	display: none !important;
}
 .s-block.s-block--logos-slider.s-block--full-bg.bg-gray-100.pt-8  > div > div.grid.grid-cols-2 > a {
	height: 8rem !important;
	max-height: 8rem !important;
	overflow: hidden !important;
	object-fit: cover !important;
	background: transparent !important;
}

.part-store-footer .part-store-footer__inner salla-contacts .s-contacts-item .s-contacts-icon, .s-contacts-icon svg{
fill: white !important;
color: white !important;
}

footer > div.part-copyright > div{
justify-content: space-between !important;
overflow: hidden !important;
}
#atheer-info-unique {
display: flex !important;
text-align: center !important;
margin-right: 30% !important;
justify-content: center !important;
}

@media (max-width: 768px) {
    #main-content > section.part-features.py-10.block.block.block > div > div > div:nth-child(1) > div.part-features-icon.w-12.h-12.rounded-full.flex.items-center.justify-center.text-2xl.transition.duration-300, #main-content > section.part-features.py-10.block.block.block > div > div > div:nth-child(3) > div.part-features-icon.w-12.h-12.rounded-full.flex.items-center.justify-center.text-2xl.transition.duration-300 {
        width: 4.9rem !important;
    }
}

@media(max-width: 768px){
#main-content > section.part-features.py-10.block.block.block > div > div > div:nth-child(1) > div.part-features-icon.w-12.h-12.rounded-full.flex.items-center.justify-center.text-2xl.transition.duration-300,#main-content > section.part-features.py-10.block.block.block > div > div > div:nth-child(3) > div.part-features-icon.w-12.h-12.rounded-full.flex.items-center.justify-center.text-2xl.transition.duration-300{
	width: 4.2rem !important;
}
	#main-content > section.part-features.py-10.block.block.block > div > div > div:nth-child(3) > div.part-features-icon.w-12.h-12.rounded-full.flex.items-center.justify-center.text-2xl.transition.duration-300 {
        width: 4.5rem !important;
    }
}

@media (max-width: 767px) {
#atheer-info-unique {
margin-right: 16% !important;
}
footer .part-copyright  .copyright-text{
padding-bottom: 0.5rem !important;	
}
footer > div.part-copyright > div > salla-payments{
margin-top: 2rem !important;
}
}

 
/* **** */

.s-block--logos-slider .grid ,  #main-content > div > div section div.grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 20px !important;
}

.s-block--logos-slider .brand-item , #main-content > div > div section div.grid > a{
  all: unset !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: white !important;
  padding: 20px !important;
  border-radius: 16px !important;
  cursor: pointer !important;
  min-height: 150px !important;
  
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
  border: 1px solid #e5e7eb !important;
  transition: all 0.3s ease !important;
}

.s-block--logos-slider .brand-item:hover ,  #main-content > div > div section div.grid > a:hover{
  transform: translateY(-5px) !important;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.02) !important;
  border-color: #d1d5db !important;
}

.s-block--logos-slider .brand-item img,  #main-content > div > div section div.grid > a img {
  width: 100% !important;
  max-width: 160px !important;
  height: 100px !important;
  object-fit: contain !important;
  transition: transform 0.3s ease !important;
}

.s-block--logos-slider .brand-item:hover img ,  #main-content > div > div section div.grid > a:hover img {
  transform: scale(1.05) !important;
}

[class*="row-span"] {
  grid-row: auto !important;
  height: auto !important;
}

@media (max-width: 1024px) {
  .s-block--logos-slider .grid ,  #main-content > div > div section div.grid {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

@media (max-width: 800px) {
  .s-block--logos-slider .grid ,  #main-content > div > div section div.grid  {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 15px !important;
  }
  
  .s-block--logos-slider .brand-item , #main-content > div > div section div.grid > a  {
    padding: 15px !important;
    min-height: 130px !important;
  }
  
  .s-block--logos-slider .brand-item img , #main-content > div > div section div.grid > a img {
    height: 80px !important;
  }
}

@media (max-width: 480px) {
  .s-block--logos-slider .grid ,  #main-content > div > div section div.grid {
    gap: 12px !important;
  }
  
  .s-block--logos-slider .brand-item ,  #main-content > div > div section div.grid > a{
    padding: 12px !important;
    min-height: 110px !important;
    border-radius: 12px !important;
  }
  
  .s-block--logos-slider .brand-item img , #main-content > div > div section div.grid > a img {
    height: 60px !important;
  }
}

/* **** */


/* Force perfectly circular icons on all screen sizes */
.part-features-icon {
  min-width: 48px !important;
  min-height: 48px !important;
  width: 48px !important;
  height: 48px !important;
  flex: 0 0 48px !important;
  border-radius: 9999px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

.part-features-icon i,
.part-features-icon svg,
.part-features-icon [class^="sicon"],
.part-features-icon [class*=" sicon"] {
  font-size: 24px !important;
  line-height: 1 !important;
  width: auto !important;
  height: auto !important;
  max-width: 24px !important;
  max-height: 24px !important;
}

/* Override any inline styles that might break the circle */
.part-features-icon[style*="border-radius"] {
  border-radius: 50% !important;
}

/* Mobile adjustments */
@media (max-width: 767px) {
  .part-features-icon {
    min-width: 44px !important;
    min-height: 44px !important;
    width: 44px !important;
    height: 44px !important;
    flex: 0 0 44px !important;
  }
  
  .part-features-icon i,
  .part-features-icon svg,
  .part-features-icon [class^="sicon"],
  .part-features-icon [class*=" sicon"] {
    font-size: 20px !important;
    max-width: 20px !important;
    max-height: 20px !important;
  }
}

/* Extra small devices */
@media (max-width: 480px) {
  .part-features-icon {
    min-width: 40px !important;
    min-height: 40px !important;
    width: 40px !important;
    height: 40px !important;
    flex: 0 0 40px !important;
  }
  
  .part-features-icon i,
  .part-features-icon svg,
  .part-features-icon [class^="sicon"],
  .part-features-icon [class*=" sicon"] {
    font-size: 18px !important;
    max-width: 18px !important;
    max-height: 18px !important;
  }
}

.brands-single header,
.brands-single header * {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    backdrop-filter: none !important;
    border: none !important;
    outline: none !important;
}
#main-content > div.brand-page__banner{
	display: none !important;
}

.navbar-brand img{
  max-height: 4rem !important;
}

@media (max-width: 787px){
.navbar-brand img {
  max-width: 200px !important;
}
}


@media (max-width: 767px) {
#main-content > div > header > img{
margin-left: auto !important;
margin-right: 0 !important;
padding-right: 0 !important;
text-align: right !important;
justify-content: start !important;
align-items: start !important;
}
#main-content > div > header > div{
padding-right: 3rem  !important;	
}
}

.part-store-header .part-main-nav .main-menu li .sub-menu{
  background: white !important ;
}


#main-content > section.s-block.s-block--fixed-banner.wide-placeholder > div{
	max-width: 100% !important;
	width: 100% !important;
}


@media(max-width: 400px){
#app > div.app-inner.flex.flex-col.min-h-full{
	overflow: hidden !important;
}
#part-store-header > div > div.top-navbar.part-top-navbar.w-full > div > div{
	padding-left: 0rem !important;
	padding-right: 0rem !important;
}
	
	#part-store-header > div > div.top-navbar.part-top-navbar.w-full > div > div > div.gap-1.items-center.justify-end{
		gap: 0rem !important;
	}
}


@media(max-width: 400px){
	.store-header i,
.store-header svg {
  transform: scale(0.85);
  transform-origin: center;
}

.store-header .header-btn__icon,
.store-header .sicon-user,
.store-header .sicon-cart2,
.store-header .icon-search {
  font-size: 18px !important;
}

.store-header .part-upper-bar i {
  font-size: 14px !important;
}

body .navbar-brand img {
        max-width: 160px !important;
}

.store-header .header-btn,
.store-header .flex.items-center,
.store-header .flex.gap-5,
.store-header .flex.gap-4 {
  gap: 5px !important;
}

#main-content > section.part-categories.py-16.block.block > div > div.grid.grid-cols-2.gap-4 > a{
	width: 8.5rem !important;
	height: 8.5rem !important;
}
}


@media(max-width: 400px){
.part-categories .grid {
  width: fit-content !important;
  margin: 0 auto !important;
}}


#main-content  .brand-card__name{
	display: none !important;
}


@media (max-width: 767px) {
    #atheer-info-unique {
        padding-bottom: 1.5rem !important;
    }
}