:root {
    --main-color: #1d4d90;
    --sup-color:#ffd9e8;
    --white-color: white;
    --black-color:black;
}

/********************* body ************************/

body{
    background-color:var(--white-color)
}
/********************* header ************************/
.top-navbar {
    background: var(--sup-color) !important;
  color:#87757a !important;
}
.top-navbar .s-search-input {
    background-color: var(--white-color) !important;
}

b.s-cart-summary-total {
    color:#87757a
}
@media (min-width: 1024px) {
    ul.main-menu,
    .main-menu li.root-level>a {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
}
.main-menu li.root-level>a {
    position: relative;
color:#87757a ;
}
.main-menu li.root-level>a::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 0px;
    height: 2px;
    bottom: 0;
    background: var(--main-color);
    transition: 0.3s;
}
.main-menu li.root-level>a:hover {
    transform: translateY(-3px);
    background-color: #eeeeee;
     color: var(--main-color);
}
.main-menu li.root-level>a:hover::before {
    width: 100%;
}
i.header-btn__icon.sicon-user-circle,
i.header-btn__icon.icon.sicon-shopping-bag,
i.sicon-menu {
    background: #87757a !important;
    color: var(--white-color) !important;
    border: 0px !important;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    transition: 0.3s;
}
i.sicon-menu{
    padding: 8px;
    border-radius: 50%;
}
i.header-btn__icon.sicon-user-circle:hover,
i.header-btn__icon.icon.sicon-shopping-bag:hover {
    background: var(--white-color) !important;
    color: var(--main-color) !important;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    transform: translateY(-3px);
    transition: 0.3s;
}
@media (max-width: 480px) {
    div#mainnav {
        padding-top: 0.8rem !important;
    }
    .main-nav-container.fixed-header .inner {
    transform: none;
    top: 0;
    padding-block: 5.8px;
}
}
/************  slider **************/
section.s-block.s-block--photos-slider {
    margin-top: 0 !important;
   background-color:white !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;
}

/************ banner **************/
section.s-block.s-block--fixed-banner.wide-placeholder > .container {
    padding: 0 !important;
    margin: 0px!important;
    max-width: 100%;
}

.s-products-slider-card.swiper-slide {
  margin-top:10px;
    margin-bottom:10px;    
}
.banner--fixed img {
    border-radius:0px;
    background-color: transparent;
}

/************  Section 2 **************/

section.s-block.s-block--banners.container:has(div[data-bg="https://cdn.files.salla.network/homepage/1410814422/804c3b12-deea-41f0-a96f-dc9232be1cec.webp"]) {
    position: relative;
    padding-top: 5rem;
}

section.s-block.s-block--banners.container:has(div[data-bg="https://cdn.files.salla.network/homepage/1410814422/804c3b12-deea-41f0-a96f-dc9232be1cec.webp"]):before {
    content: url("https://img.imgdd.com/caa7be21-22fe-478a-9759-c9b769cde23d.webp");
    position: absolute;
    top: 0;
    right: 50%;
    transform: translateX(50%);
    width: auto;
    height: auto;
    z-index: 1;
}

/* للموبايل */
@media (max-width: 768px) {
    section.s-block.s-block--banners.container:has(div[data-bg="https://cdn.files.salla.network/homepage/1410814422/804c3b12-deea-41f0-a96f-dc9232be1cec.webp"]) {
        padding-top: 2rem;
    }
    
    section.s-block.s-block--banners.container:has(div[data-bg="https://cdn.files.salla.network/homepage/1410814422/804c3b12-deea-41f0-a96f-dc9232be1cec.webp"]):before {
        content: "";
        background-image: url("https://img.imgdd.com/caa7be21-22fe-478a-9759-c9b769cde23d.webp");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        width: 300px;
        height: 30px;
        right: 50%;
        transform: translateX(50%);
    }
}




section.s-block.s-block--banners.container:has(div[data-bg="https://cdn.files.salla.network/homepage/1410814422/804c3b12-deea-41f0-a96f-dc9232be1cec.webp"]) .grid {
    
     display:grid!important;
      grid-template-columns: repeat(4, 1fr) !important;
      grid-column-gap: 10px;
      grid-row-gap: 0px;
}
section.s-block.s-block--banners.container:has(div[data-bg="https://cdn.files.salla.network/homepage/1410814422/468fb3d1-686a-45ae-ae3f-6c4e00962e37.webp"]) .grid {
    
     display:grid!important;
      grid-template-columns: repeat(3, 1fr) !important;
      grid-column-gap: 10px;
      grid-row-gap: 0px;
}

section.s-block.s-block--banners.container:has(div[data-bg="https://cdn.files.salla.network/homepage/1410814422/804c3b12-deea-41f0-a96f-dc9232be1cec.webp"])  .banner-entry , section.s-block.s-block--banners.container:has(div[data-bg="https://cdn.files.salla.network/homepage/1410814422/468fb3d1-686a-45ae-ae3f-6c4e00962e37.webp"]) .banner-entry{
    height: 385px!important;
      background-color: white;
}


section.s-block.s-block--banners.container:has(div[data-bg="https://cdn.files.salla.network/homepage/1410814422/804c3b12-deea-41f0-a96f-dc9232be1cec.webp"]) .lazy__bg.lazy.entered.loaded , section.s-block.s-block--banners.container:has(div[data-bg="https://cdn.files.salla.network/homepage/1410814422/468fb3d1-686a-45ae-ae3f-6c4e00962e37.webp"]) .lazy__bg.lazy.entered.loaded {
    background-size:contain;
    background-repeat:no-repeat;
}

@media (max-width: 767px){
section.s-block.s-block--banners.container:has(div[data-bg="https://cdn.files.salla.network/homepage/1410814422/804c3b12-deea-41f0-a96f-dc9232be1cec.webp"]) .grid {
    
     display:grid!important;
      grid-template-columns: repeat(4, 1fr) !important;
      grid-column-gap: 10px;
      grid-row-gap: 10px;
}
section.s-block.s-block--banners.container:has(div[data-bg="https://cdn.files.salla.network/homepage/1410814422/468fb3d1-686a-45ae-ae3f-6c4e00962e37.webp"]) .grid {
    
     display:grid!important;
      grid-template-columns: repeat(3, 1fr) !important;
      grid-column-gap: 10px;
      grid-row-gap: 10px;
}

section.s-block.s-block--banners.container:has(div[data-bg="https://cdn.files.salla.network/homepage/1410814422/804c3b12-deea-41f0-a96f-dc9232be1cec.webp"]) .banner-entry , section.s-block.s-block--banners.container:has(div[data-bg="https://cdn.files.salla.network/homepage/1410814422/468fb3d1-686a-45ae-ae3f-6c4e00962e37.webp"]) .banner-entry  {
    height: 106px!important;
}


section.s-block.s-block--banners.container:has(div[data-bg="https://cdn.files.salla.network/homepage/1410814422/804c3b12-deea-41f0-a96f-dc9232be1cec.webp"]) .lazy__bg.lazy.entered.loaded , section.s-block.s-block--banners.container:has(div[data-bg="https://cdn.files.salla.network/homepage/1410814422/468fb3d1-686a-45ae-ae3f-6c4e00962e37.webp"]) .lazy__bg.lazy.entered.loaded {
    background-size:contain;
    background-repeat:no-repeat;
}
}


/************  products **************/
.s-slider-block__title h2 {
    color:var(--sup-color);
    font-size:25px;
}
body.index salla-products-slider.s-products-slider-wrapper.hydrated .swiper.s-slider-container {
    padding:30px 0 !important;

}
.product-index salla-products-list.flex-1,
 .product-index-offers  salla-products-list.flex-1
 {
    padding-top: 30px !important;
    padding-inline: 15px !important;
}
.s-button-primary-outline{
       background: linear-gradient(0deg,rgba(232, 165, 149, 1) 0%, rgba(232, 165, 149, 0.72) 100%);


    border:none;
    border-radius:50px;
    color:var(--white-color);

}
.s-button-primary-outline:hover{
     background-color: var(--main-color);

}
.s-product-card-entry {
   transform: translate(0px, 0px);
  transition: all .5s ease-in-out;
    /* border:1px solid var(--main-color); */
      box-shadow: 1px 1px 3px 2px #ddd !important;

}

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

.s-product-card-content *{
    justify-content:center;
    text-align:center;
}
.s-product-card-content-title a {
    color:var(--main-color);
}

h4.s-product-card-price {
    color:var(--main-color);
}

img.s-product-card-image-contain.lazy.loaded {
    background-color:var(--white-color);
}

button.s-slider-next.s-slider-nav-arrow:hover , button.s-slider-prev.s-slider-nav-arrow:hover{
    background-color:var(--main-color);
    border:none;
    transform: translateX(-3px)
}
button.s-slider-prev.s-slider-nav-arrow:hover{
transform: translateX(3px)
}

button.s-slider-next.s-slider-nav-arrow:hover , button.s-slider-prev.s-slider-nav-arrow:hover{
    background-color:var(--main-color);
    border:none;
    transform: translateX(-3px);
    
}
button.s-slider-prev.s-slider-nav-arrow:hover{
transform: translateX(3px)
}
a.s-slider-block__display-all {
    color:var(--main-color);
}

/************  Section 5 **************/
section.s-block.s-block--banners.container:has(div[data-bg="https://cdn.files.salla.network/homepage/1410814422/a18d2f50-07e5-4b1e-9191-0f5a9db6d2f8.webp"]) .grid {
    
     display:grid!important;
      grid-template-columns: repeat(4, 1fr) !important;
      grid-column-gap: 0px;
      grid-row-gap: 0px;
}


section.s-block.s-block--banners.container:has(div[data-bg="https://cdn.files.salla.network/homepage/1410814422/a18d2f50-07e5-4b1e-9191-0f5a9db6d2f8.webp"])  .banner-entry{
    height: 412px!important;
    background-color: white;
}


section.s-block.s-block--banners.container:has(div[data-bg="https://cdn.files.salla.network/homepage/1410814422/a18d2f50-07e5-4b1e-9191-0f5a9db6d2f8.webp"]) .lazy__bg.lazy.entered.loaded {
    background-size:contain;
    background-repeat:no-repeat;
}

@media (max-width: 767px){
section.s-block.s-block--banners.container:has(div[data-bg="https://cdn.files.salla.network/homepage/1410814422/a18d2f50-07e5-4b1e-9191-0f5a9db6d2f8.webp"]) .grid {
    
     display:grid!important;
      grid-template-columns: repeat(4, 1fr) !important;
      grid-column-gap: 0px;
      grid-row-gap: 0px;
}


section.s-block.s-block--banners.container:has(div[data-bg="https://cdn.files.salla.network/homepage/1410814422/a18d2f50-07e5-4b1e-9191-0f5a9db6d2f8.webp"]) .banner-entry  {
    height: 123px!important;
}


section.s-block.s-block--banners.container:has(div[data-bg="https://cdn.files.salla.network/homepage/1410814422/a18d2f50-07e5-4b1e-9191-0f5a9db6d2f8.webp"]) .lazy__bg.lazy.entered.loaded  {
    background-size:contain;
    background-repeat:no-repeat;
}
}


/********************* Features ***********************/
section.s-block.s-block--features.container {
    position: relative;
    padding-top: 5rem;
}

section.s-block.s-block--features.container:before {
    content: url("https://img.imgdd.com/03ef04a4-9d34-4e9f-ad00-ee6894b0d4bb.webp");
    position: absolute;
    top: 0;
    right: 50%;
    transform: translateX(50%);
    width: auto;
    height: auto;
    z-index: 1;
}

/* للموبايل */
@media (max-width: 768px) {
    section.s-block.s-block--features.container {
        padding-top: 2rem;
    }
    
    section.s-block.s-block--features.container:before {
        content: "";
        background-image: url("https://img.imgdd.com/03ef04a4-9d34-4e9f-ad00-ee6894b0d4bb.webp");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        width: 300px;
        height: 70px;
        right: 50%;
        transform: translateX(50%);
    }
}



section.s-block.s-block--features.container .grid {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 1rem;
}

.s-block--features__item p{
    display:none;
}

.s-block--features__item h2{
    font-size:20px;
    color:var(--main-color);
}

.s-block--features__item {
    background:transparent;
    flex: 0 1 calc(30% - 1rem);
}

.s-block--features__item .feature-icon {
    background-color:transparent !important;
    width: 20rem;
    height: 10rem;
}

.s-block--features__item:nth-child(1) {
   display:none;
}

.s-block--features__item .feature-icon i.sicon-shipping-fast {
   content:url("https://img.imgdd.com/2ebb6b29-0c4a-4bc0-a875-5cf964900341.png");
    width:12rem;
}

.s-block--features__item .feature-icon i.sicon-fire {
    content:url("https://img.imgdd.com/29453a6f-59bb-4890-ba49-89942dbbb6ea.png");
    width:12rem;
}

.s-block--features__item {
    padding-block:18px!important;
    border-radius:2rem;
}

/* للموبايل - جنب بعض */
@media (max-width: 768px) {
    section.s-block.s-block--features.container .grid {
        flex-wrap: wrap;
        gap: 0.5rem;
    }
    
    .s-block--features__item {
        flex: 0 1 calc(50% - 0.5rem);
    }
    
    .s-block--features__item .feature-icon {
        width: 100%;
        height: 8rem;
    }
    
    .s-block--features__item .feature-icon i.sicon-shipping-fast,
    .s-block--features__item .feature-icon i.sicon-fire {
        width: 8rem;
    }
    
    .s-block--features__item h2 {
        font-size: 16px;
    }
}
/************ footer **************/
footer.store-footer {
    background-color:transparent;
    color:var(--main-color);
    font-size:20px;
}
footer.store-footer .store-footer__inner{
    padding-top:20rem 
}
footer.store-footer .store-footer__inner {
    background-image: url(https://img.imgdd.com/a5a06113-5975-41fb-8f2a-d5f1a1bae2cc.webp);
    background-size: cover;
    left:0;
    background-position: center;
    background-repeat: no-repeat;
    border-style: none;
    background-color:transparent !important
}


@media(max-width: 768px){ 
  footer.store-footer .store-footer__inner{
    padding-top:10rem 
}
  .store-footer__inner *{
    justify-content:center;
    align-items:center;
    text-align:center
} 
}

/* =========================================================
   Social Links
   ========================================================= */
.s-social-link a {
  color: var(--black-color);
  border: 0;
  transition: all 0.5s;
}
.s-social-link a:hover {
  transform: translateY(-10px);
  transition: all 0.5s;
}

a[href*="instagram"] {
  background: linear-gradient(
    45deg,
    #f09433 0,
    #e6683c 25%,
    #dc2743 50%,
    #cc2366 75%,
    #bc1888 100%
  );
}
a[href*="tiktok"] {
  background: linear-gradient(120deg, #69c9d0, #000, #ee1d52);
    color:white;
}
a[href*="facebook"] {
  background: linear-gradient(45deg, #3776f2, #00b1f7);
    color:white;
}
a[href*="youtube"] {
  background-color: #c4302b;
    color:white;
}
a[href*="snapchat"] {
  background-color: yellow;
  color: black;
}
a[href="https://twitter.com/bahriatna1"]
{
  background-color: black;
}