/* Add custom CSS styles below */
:root {
  --main-color: #f87171;
  --white-color: white;
}
body {
  background-color: var(--white-color) !important;
}

/******* start header ******/

.top-navbar .s-social-link a {
    color: #676668 !important; 
  
    fill: #676668 !important;
 
}

#app > div.top-navbar > div > div > div.header-search > button > div > svg {
    fill: black !important;
}
li.s-social-link>a:hover span.s-social-icon, span.s-contacts-icon:hover svg {
    color: #676668 !important;
    fill: #676668 !important;
}

.header-btn__icon {
 
    --tw-border-opacity: 1;
    border-color: transparent !important;
}

#app > div.top-navbar > div > div > div.header-search > button > div > svg{color:black !important;}
.top-navbar {
  background: var(--white-color) !important;
  fill: black!important;}
.s-cart-summary-count {
background-color:  var(--main-color) !important;}
.main-menu li.root-level>a:hover{
    color:  var(--main-color) !important;}
.navbar-brand img {
 width: 23%  !important;
}
#mainnav > div > div > div.header-container.flex.items-stretch.justify-between.w-full.relative > div.flex.items-center.justify-center > a > i{color:black  !important;}
/** start silder  ***/
section.s-block.s-block--photos-slider {
  margin-top: 0;
   .swiper-slide {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
   }
   & *{
    border-radius: 0 !important;
  }
  .swiper.s-slider-container {
      padding: 0 !important;
  }
  .s-slider-block__title-nav {
    visibility: hidden;
  }
}
/** end silder  ***/
/** start catogrues  ***/
section.s-block.IR_space-xs img {border-radius: 1rem}
#app > div.app-inner.flex.flex-col.min-h-full.relative > section.s-block.IR_space-xs > div > div > div:nth-child(4) > a{
    width:120%
}
#app > div.app-inner.flex.flex-col.min-h-full.relative > section.s-block.IR_space-xs.p-1\.5 > div > div > div:nth-child(6) > a{
    width:97%
}

/** end catogrues  ***/
#IRT__specialPro-2 > div > div> div:nth-child(3) > div:nth-child(1) img{visibility:hidden }

/** start products ***/
#IRT__specialPro-2 > div > div.title-wrapper > h2 {
    position: relative; 
    overflow: hidden; 
}

#IRT__specialPro-2 > div > div.title-wrapper > h2::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%; 
    height: 2px; 
    background-color: #f87171; 
}

salla-add-product-button button.s-button-element .s-button-text i, salla-add-product-button button.s-button-element .s-button-text span {
    color: #000000;
}
.s-product-card-content-title a:hover {
    color:black !important; ;
 
}

/**end  products ***/
#IRT__fetures-4 > div > div > div > i {display:none;}


.s-product-card-fit-height.s-product-card-vertical .s-product-card-image {
    background: white;
}
#IRT__slider_pro-5{background:white ;}
.faq-item{background:transparent !important;}






section#IRT__specialPro-2 .flex.flex-row.lg\:flex-col.justify-between.gap-4.animated-section-once {
    padding: 30px 0;
}

section#IRT__specialPro-2 .image-wrap.flex-shrink-0 {
    display:none;
}

section#IRT_specialPro-2 .flex.flex-col.gap-3.bg-white.shadow-lg.shadow-black\/\[0\.03\].p-4.rounded-2xl.animateanimated.animate_fadeInUp {
    text-align:center;
    
}


.flex.flex-col.gap-3.bg-white.shadow-lg.shadow-black\/\[0\.03\].p-4.rounded-2xl.animate_animated.animate_fadeInUp {
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}







div#mainnav i.header-btn__icon.icon.sicon-cart2.bg-primary {
    color: #000 !important;
}


#IRT__specialPro-2 > div > div.grid.lg\:grid-cols-3.gap-8.xl\:px-20 > .flex.flex-row.lg\:flex-col.justify-between.gap-4.animated-section-once {text-align:center;}
section#IRT_specialPro-2 .flex.flex-col.gap-3.bg-white.shadow-lg.shadow-black\/\[0\.03\].p-4.rounded-2xl.animateanimated.animate_fadeInUp {
    flex-basis: 50% !important;
}


.s-quantity-input-button:hover {
    fill: black;
}



/* start footer**/

footer > div.store-footer__inner> div > div> a > img{width:30%}

@media (max-width:767px){.store-footer__inner * {
    text-align:center !important;
    justify-content: center !important;
}
.enhanced-social-icons * {
    justify-content: space-evenly !important;
}}

li.s-social-link>a:hover span.s-social-icon, span.s-contacts-icon:hover svg {
  
    fill: rgb(52, 152, 219) !important;
}
/* end footer**/