.s-product-card-image {
	background-color: unset !important;
}

@media(min-width: 1024px){
#app > div.app-inner.flex.flex-col.min-h-full > footer > div > div{
          grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.index  header{
	border-bottom: 1px solid #f5c6cb;
}


body footer {
  background: linear-gradient(180deg, #FDECEF 0%, #f9f3f4 100%) !important;
  position: relative;
  overflow: hidden;
}
footer::before,
footer::after {
  content: "";
  position: absolute;
  width: 380px;
  height: 180px;
  background-size: contain;
  background-repeat: repeat-y;
  opacity: 0.7;
  pointer-events: none;
}
footer::before {
  top: 0;
  right: 0;
    transform: scaleX(-1);
  background-image: url('https://asas-tools.com/u/uploads/ashraf_craffo/ChatGPT%20Image%20May%202.%202026.%2006_51_35%20PM%20(2).png');
}
footer::after {
  bottom: 0;
  left: 0;
  transform: scaleX(1); 
  background-image: url('https://asas-tools.com/u/uploads/ashraf_craffo/left2.png');
}


footer .w-12 {
   background: color-mix(in oklab,var(--color-white)10%,transparent) !important;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
 

  
}

footer {
  border-top: 1px solid #f3c2c8 !important;
}

@media (max-width: 768px) {
    footer .grid > div {
     border-bottom: unset !important;
    }
}

@media (max-width: 768px) {

  footer::before,
  footer::after {
    width: 140px;
    height: 140px;
    opacity: 0.56;
  }
  

}





.prestige-card a .img {
        flex: unset !important;
        width: unset !important;
        height: unset !important;
        overflow: hidden !important;
        max-height: unset !important;
        aspect-ratio: 1/1 !important;
    }

.prestige-card a img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
    }
    
 .prestige-card .product_title_color{
 	height: 3rem !important;
 	overflow: hidden !important;
 }
    

salla-add-product-button.shadow-md {
  box-shadow: none !important;
}

.s-button-primary{
	color: #fff7f4 !important;
}
salla-add-product-button.shadow-md {
justify-content: center !important;
}

footer h3 {
	    width: 100%;
    text-align: center;
  position: relative;
}

footer h3::after {
  content: "";
  position: absolute;
  bottom: -9px; 
  right: 50%;
  transform: translateX(50%);
  width: 45px;
  height: 2.5px;
  background: linear-gradient(90deg, var(--color-primary-light), var(--color-primary-dark));
  border-radius: 2px;
}

footer .s-contacts-list-vertical{
	    align-items: center !important;
}

	footer .grid > div {
  text-align: center !important;
  display: flex;
  flex-direction: column;
  align-items: center;
}

footer .grid > div ul,
footer .grid > div .footer-list {
  align-items: center;
  text-align: center;
}