/* Add custom CSS styles below */ 
/* Add custom CSS styles below */ 

img[src="https://cdn.salla.sa/form-builder/Sbh3XQaCMBM44a0UmquNUoZo4g8YHrguhQbg1kYl.png"]{
  animation: signal 1200ms linear infinite;
}


@keyframes signal {

    0% {
           filter: grayscale(1);
    }

    100% {
            filter: none;
    }

}

/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #000;
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #000;
}

footer .footer-wrapper,footer .copyright,
.border-primary,footer,.main-nav-container.fixed-header .inner,
.shadow-default{
    background: linear-gradient(to right, #E2DCD0, #E2DCD0) !important;
}

[dir=ltr] footer .footer-wrapper .inner-footer.container .store-info .footer-menu-mobile .footer-menu .menu-links a{
      text-align: center;
}


[dir=rtl] .s-cart-summary-count,
.s-cart-summary-count{
    background:red !important;
}


.sc-1au8ryl-0.dkuywW{
  display:none;
}


.s-product-card-entry.custom-card .card-content .actions salla-button.btn--wishlist:not(.is-added):not(.is-added) svg{
  fill: red;
}

footer .footer-wrapper .inner-footer.container .store-info .social-links li i::before{
    color:#fff;
}



footer .copyright p a,
footer .footer-wrapper .inner-footer.container .footer-contacts .contact-links h3,.tracking-wide,
.leading-6,footer .footer-wrapper .inner-footer.container .footer-contacts .contact-links a p .text-unicode,
footer .footer-wrapper .inner-footer.container>div:first-child .footer-menu .menu-links a,
.s-cart-summary-total,footer .copyright p,
.topnav-link-item,.sicon-menu:before,
.line-clamp-1{
  color:#000;
}

.bg-\[rgba\(229\2c 231\2c 235\2c 0\.5\)\],
.btn--rounded-gray,
footer .footer-wrapper .inner-footer.container .store-info .social-links li a,
#s-cart-icon > i,
.main-nav-container .header-search{
  background:#fff;
}

footer .footer-wrapper .inner-footer.container .store-info .footer-menu-mobile .footer-menu .menu-links a {
    text-align: center;
    color: #000;
}

footer .footer-wrapper .inner-footer.container .store-info .footer-menu-mobile .footer-menu .menu-links{
      grid-template-columns: repeat(1,minmax(0,1fr)) !important;
}

.s-block__display-all{
    background: #000;
    color: #fff;
}

.pb-10{
  padding-bottom: 0rem;
}


.has-background-img section{
    margin-bottom: -0.2rem;
}

.tracking-wide.w-full{
      color: #344a50 !important;
    background: #fff;
    border-radius: 8px;
    font-weight: bold;
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}


/***********************************/
.two-row .banner-entry:first-child{
    grid-column: span 1/span 1 !important;
    grid-row: span 1/span 2 !important;
}

.has-background-img section > .md\:grid-cols-3{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.s-block.s-block--features.container > .md\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}


.banner-entry {
    height: 300px !important;
}

@media only screen and (max-width: 600px) {
.two-row .banner-entry:first-child{
    grid-column: span 1/span 1 !important;
    grid-row: span 1/span 2 !important;
}

.md\:grid-cols-3{
    grid-template-columns: repeat(2,minmax(0,6fr));
    }
.sm\:gap-8 {
    gap: 1rem;
}

.banner-entry {
    height: 108px !important;
}
}


/******************************************/
a[href="https://www.instagram.com/la.lumiere.store/"],
footer .footer-wrapper .inner-footer.container .store-info .social-links li:first-child a {
    background: #cc38a5;
}



a[href="https://www.snapchat.com/add/https://www.snapchat.com/add/la.lumiere2020?share_id=OTgyRkM5&locale=en_SAcalendar=gregorian"],
footer .footer-wrapper .inner-footer.container .store-info .social-links li:nth-child(2) a {
    background: #d8c837;
}



a[href="https://vm.tiktok.com/ZSeMmKcSc/"],
footer .footer-wrapper .inner-footer.container .store-info .social-links li:nth-child(3) a {
    background: #111;
}


footer .footer-wrapper .inner-footer.container .store-info .social-links li a{
box-shadow: rgb(255 255 255 / 24%) 0px 3px 8px;
}


.items-center .justify-start{
  justify-content: center;
}


.main-nav-container.fixed-header .inner {
    margin-top: 10px;
    border-radius: 53px;
    filter: drop-shadow(-2px 0px 3px #000);
}
/*************************************************/
.s-product-card-entry.custom-card .card-content .actions .add-to-cart salla-button .s-button-btn .s-button-text .add-to-cart-icon{
      display: none;
}

.px-1{
     color: #000;
    display: block;
}
/***********************************************/
.s-block--features__item{
    border-color: transparent;
    background: transparent !important;
}

.s-block--features__item h4 {
    white-space: nowrap;
}

.s-block--features__item p {
    min-width: 83px;
}


.s-block--features__item .feature-icon {
    background:#E2DCD0 !important;
    height: 5.2rem;
    width: 5.2rem;
    animation: myani 1s ease-in-out alternate infinite;
    position: relative;
    transition: all 0.3s ease-in-out;
}

@keyframes myani {
    from {
        top: 0
    }

    to {
        top: 13px;
        border-bottom: 2px solid #000;
        box-shadow: rgb(31 31 30) 0px 3px 8px;
    }
}

.s-block--features__item .feature-icon i.sicon-fire:before {
    content: '';
    background-image: url(https://iili.io/Htx2wcG.png);
    width: 64px;
    height: 64px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.s-block--features__item .feature-icon i.sicon-paper-plane-o:before {
    content: '';
    background-image: url(https://iili.io/JHNhttI.png);
    width: 64px;
    height: 64px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.s-block--features__item .feature-icon i.sicon-shipping-fast:before {
    content: '';
    background-image:url(https://iili.io/Jd2uWsn.png);
    width: 64px;
    height: 64px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}


.s-block.s-block--features.container:before {
    content: ' لماذا نحن 🤩 ؟';
    display: block;
    text-align: center;
    font-size: 28px;
    font-weight: 600;
    color: #000;
}