/* Add custom CSS styles below */ 
/*التصنيفات*/



.brand-item img{
border-radius:100%;
width:200px;
height:200px;
}
.brand-item{
width:150px !important;
height:10px !important;
border-radius:100%;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Basic shadow */
  transition: box-shadow 0.3s ease; /* For smooth shadow transition */
}

.container .grid-flow-row{

display:flex;
flex-wrap:wrap;
justify-content: center;

}

.brand-item:hover {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.5); /* Stronger shadow on hover */
  
  border:solid 2px #032231;
}

}
/*عروضنا*/
#featured-products-style2-3-DAQXwz_1{
display:inline-flex !important;

justify-content:center;
width:100vw;

margin:auto;
}
#featured-products-style2-3-DAQXwz_1 .s-product-card-entry{
display:flex;
flex-direction:column;
justify-content:center;
align-content:center;
width:100%;

  justify-content: center;     /* Vertically center the content */
  align-items: center;         /* Horizontally center the content */
  text-align: center; 
}

#featured-products-style2-3-DAQXwz_1 .s-product-card-entry img{
width:100%;
height:100p%;

}

 .s-slider-block__title::before {
      content: "عروضنا";
      color: var(--color-primary-reverse);
      background-color:var(--color-primary);
      font-size: 14px;
      font-weight:700;
      margin-bottom:2rem;
      margin-right:50%;
      padding:5px;
      border-radius:.75rem;
      padding-left: 1.5rem;
    padding-right: 1.5rem;
    }
    
.s-product-card-entry{
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Basic shadow */
  transition: box-shadow 0.3s ease; /* For smooth shadow transition */
}
  .s-product-card-entry:hover{
      box-shadow: 0 4px 18px rgba(0, 0, 0, 0.2); /* Basic shadow */
  transition: box-shadow 0.5s ease; /* For smooth shadow transition */
  border:2px solid  var(--color-primary-reverse)
  }
footer::after{
content:"برمجةوتطوير Ecomark.live";
top:0;
color:var(--maincolor)!important;
font-size:16px;
opacity:0.5;
text-align:center;
display:flex;
width:100vw;
justify-content:center;
bottom:0;
}
footer .container{
display:flex !important;
flex:3 !important;
flex-direction:row!important;
flex-wrap: wrap;
width:100vw;
gap:3rem;
}
.store-footer__inner div{
width:100%;

flex:1;
}

.container .grid-flow-row a{
width:35%;
height:250px!important}

@media screen and (max-width: 480px) {
.container .grid-flow-row a{
width:100%;
height:200px !important
}

.lazy__bg.loaded{
background-size: contain !important;
  background-repeat: no-repeat;

}
}