/* Add custom CSS styles below */ 
/* Add custom CSS styles below */ 
/* Add custom CSS styles below */ 
:root {
    --main-color: #9e79c6;
    --secondary-color: #e892f2;
    --white-color: white;
    --black-color: black;
   --linear-color: linear-gradient(270deg, rgba(174, 192, 253, 1) 0%, rgba(231, 135, 238, 1) 27%, rgba(181, 121, 204, 1) 57%, rgba(218, 168, 172, 1) 79%, rgba(255, 205, 114, 1) 92%);
   --linear-footer: linear-gradient(180deg,rgba(219, 231, 255, 1) 0%, rgba(203, 220, 255, 1) 33%);
    
}
body {
    background-color: var(--white-color) !important;
}

/* Header Block **/
.header-btn__icon{
background: var(--secondary-color);
}


.main-nav-container .inner{
    background:#e5a6f386!important;
    color: var(--black-color);
   

}

.main-nav-container.shadow-default.bg-white.fixed-header.fixed-pinned.animated .inner{
background:#e5a5f3c7 !important;
padding:20px 0px;
    border-bottom-left-radius: 30px !important;
     border-bottom-right-radius: 30px !important;
}

@media (max-width: 768px){
.main-nav-container .inner{
padding:20px 0px ;
}

 .mburger i{
    background: var(--secondary-color) !important;
    padding: 5px;
    border-radius: 5px;
 }

}



/**menu ***/
@media (min-width: 768px) {
    .main-nav-container .inner .navbar-brand{
        order:2;
}
.main-nav-container .inner .navbar-brand img{
    width: 400px !important;
    max-height: 120px !important;
}
.main-nav-container .inner .container .flex.items-stretch > div:first-child{
                   width: 63% !important;
    justify-content: space-between;
}

}

  
/**menu ***/

/* Header Block **/
/* silder block **/

/************  slider **************/
section.s-block.s-block--photos-slider {
    margin-top: 0 !important;
}
section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper-slide{
    padding:0 !important;
    margin-top:0px !important;
    width:100% !important;
    border-radius:0 !important;
}
[dir=rtl] section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper{
    padding:0 !important;
}

img.w-full{
    border-radius: 0px;
}

button.s-slider-next.s-slider-nav-arrow.swiper-button-disabled.swiper-button-lock , button.s-slider-prev.s-slider-nav-arrow.swiper-button-disabled.swiper-button-lock {
    display:none;
}


/* End silder block **/



/* قايمة العناصر */ 
section:nth-of-type(2) .container{
    width:90% !important;
}
section:nth-of-type(2) a.banner-entry{
    background-color: transparent;
}
@media screen and (min-width: 768px) {
    
    section:nth-of-type(2) a.banner-entry{
    height:250px;
}
section:nth-of-type(2) a.banner-entry:nth-of-type(1) .lazy__bg{
    background-position: left !important;
}
section:nth-of-type(2) a.banner-entry:nth-of-type(3)  .lazy__bg{
    background-position: right !important;
}
}


@media screen and (max-width: 768px) {
.navbar-brand img {
    max-height: 3rem;
    width: auto;
    max-width: 170px !important;
}

section:nth-of-type(2) .grid-flow-row {
   display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}
section:nth-of-type(2) .grid-flow-row .banner-entry{
  width:29% !important;
}
}
/* قايمة العناصر */ 

/* banners blocks **/

section.s-block.s-block--fixed-banner.wide-placeholder > .container {
    padding: 0 !important;
    margin: 0 !important;
    max-width: unset !important;
}

.banner--fixed img {
    border-radius: 0 !important;
}

/* End banners **/



/* product **/
.swiper{
    padding-top: 12px;
}

.s-slider-block__title-nav
button{
 background-color :var(--main-color);
}
.s-slider-nav-arrow svg {
   fill: unset !important;
}
.s-product-card-entry {
   transform: translate(0px, 0px);
  transition:         all .5s ease-in-out;

}

.s-product-card-entry:hover{
  transform: translate(0px, -10px);
       box-shadow: 2px 2px 5px 4px #eee !important;
}

section#best-offers-2-slider {
    margin-bottom:2rem
}

button.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center {
    color: white;
}
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
   background: var(--linear-color);
    color:white;
    border:none;
}
custom-salla-product-card{
  height:400px !important;
  border: 1px solid #e7b889;
  
}
custom-salla-product-card .s-product-card-image-cover {
    object-fit: contain !important;
}
custom-salla-product-card .s-product-card-image{
  background-color:unset !important;
}
.s-product-card-entry * {
    justify-content: center;
    text-align: center;
}

.product-single button[product-status="sale"]{
background: var(--linear-color)!important;
border:unset !important;
}
/* product **/



/** feature section **/
.s-block--features__item .feature-icon {
    height: 7rem;
    width: 7rem;
}

.s-block--features__item .feature-icon .sicon-store2:before {
    content:url("https://cdn.salla.sa/form-builder/3LhU7icoUiFkxpWxoBcr7Ip8I6nbEviNvB5giguh.webp");
}

.s-block--features__item .feature-icon .sicon-shipping-fast:before {
     content: url("https://cdn.salla.sa/form-builder/MI379AIxm0gJSG9DCvbtuo8xx1giu2MOCsVarcXP.webp");
}
.s-block--features__item .feature-icon .sicon-fire:before {
     content: url("https://cdn.salla.sa/form-builder/DBcvu5I95hqQmmWOnr6CfaZzvOo2eCmDUB1Pn2zD.webp");
}
.s-block--features__item p{
display:none !important;
}
.s-block--features__item h2{
color:#ad6dd9;
}

.s-block--features__item .feature-icon {
    height: 100px;
    width: 100px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-color: unset !important; 
    background-color: unset !important; 
}

@media (max-width: 768px) {
  .s-block--features .grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .s-block--features__item:first-child {
    grid-column: span 1;
    padding-right: unset !important;
  }
}



/** feature section **/



/**footer **/
.store-footer__inner {
    background:#e5a6f386!important;
    color: var( --black-color);
    border-radius: 30px 30px 0 0;
}

@media (max-width: 992px) {
    .store-footer__inner * {
        justify-content: center;
        text-align: center;
    }
    footer img{
    max-width: 80%;
    margin: 0 auto;
    }

.md\:flex.items-center.justify-between.py-4.container.text-center {
    display:flex;
    flex-direction:column-reverse;
    gap:15px;
}

footer .md\:flex.items-center.justify-between.py-4.container.text-center  p.text-gray-400.mb-2\.5.md\:mb-0 {
    order: !important;
}

footer div#footer-custom-div {
    order: 1;
}


}

footer .s-social-list {
    margin-top: 20px !important;
}

footer a[href*=instagram] {
    background: linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
border:none
}
footer a[href*=tiktok] {
   background: var(--black-color);
    color:white;
}
footer a[href*=snapchat] {
    background:yellow;
    color:var(--black-color);

}

footer [href="https://x.com/miskaura"] {
    background-color: var(--black-color);
}
a[href="https://ayqunah.com/"]{
  display: none !important;
}
/**footer **/

.product-single button.salla-tab-option:hover {
    background-color: #e8b8f4 !important;
    color:#fff;
}
 .product-single .active {
     background-color:#e8b8f4;
     color:#fff;
 }
.product-single button.salla-tab-option .active{
        background-color: #e8b8f4 !important;

}



li.s-social-link a {
    width: 3rem !important;
    height:3rem !important;
    border-radius:0 !important;
}
.s-social-link a svg {
    height: 1.5rem;
    width:1.5rem;
    fill: currentColor;
}

.s-payments-list-item {
    
    height: 4rem;
    width: 5rem;
}



div#footer-custom-div img  {
    height:55px !important;
          width: 71px !important;
    border-radius: 10px;
}

 footer ul.s-payments-list  li.s-payments-list-item:last-child {
  display:none  !important;
 }