/* Add custom CSS styles below */ 
body {
    background-color: #fff;
}
:root{
--main-color:#8e5d59;
}
/*** top-navbar ***/
.top-navbar {
    background-color: var(--main-color)!important;
        color: white;
}
custom-main-menu li{
    position:relative;
}
custom-main-menu li::after{
    content:"";
    position:absolute;
    bottom:0;
    height:3px;
    width:0;
    background-color:var(--main-color);
    transition:0.4s;
    left:50%;
    transform:translateX(-50%);
}
custom-main-menu li:hover::after{
    width:100%;
}

header.store-header .header-btn__icon,
header.store-header .sicon-menu{
    background-color:var(--main-color);
    color:white!important;
}
header.store-header .sicon-menu{
    border-radius:50px;
    padding:7px;
}
b.s-cart-summary-total {
    color: var(--main-color);
}

/*** 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 {
    width: 100% !important;
    margin: 0!important ;
    padding: 0!important;
}

section.s-block.s-block--photos-slider .swiper.s-slider-container.swiper-initialized {
    padding: 0!important;
}

section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper-slide img,
section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper-slide {
border-radius:0 !important;
}




/*** footer ***/
.store-footer__inner {
border-radius: 100px 100px 0 0 !important;
background-color: var(--main-color) !important ;
color:#fff;
  }
.store-footer {
    background-color: transparent !important;
}

 .s-contacts-list.s-contacts-list-vertical div#contact-slot:first-child .s-contacts-icon{
    background-color: #25D369;
}

/*** sectionbanners.container ***/
body.index> div.app-inner.flex.flex-col.min-h-full > section:nth-child(7) > div {
    max-width: 1280px !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: black;
    color:white;
border:none
}
footer a[href*=snapchat] {
    background:yellow;
    
  border:none
}

.s-social-link a[href*=snapchat] svg {
    fill:#000 !important; 
}
footer a[href*=youtube] {
    background:red;
border:none;
    color:white;
}
footer a[href*=x] {
    background:#000;
border:none;
    color:white;
}

/*** banners **/

.s-product-card-vertical {
    flex-direction: column;
    border: 2px solid #a87473;
    background-color: #f2f2f2;
  }




/******** CAtogries ********/
body.index > div.app-inner > section:nth-child(5) > div.grid{
 grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    
}
body.index > div.app-inner > section > div.grid a {
    background-color:transparent !important;
    height:280px
}
@media(max-width:992px){
body.index > div.app-inner > section > div.grid a {
  
    height:130px
}
    body.index > div.app-inner > section:nth-child(6) > div.grid a
    {
          height:90px
    }
    
}



/*** buttons **/

.s-slider-block__title-right::after,


/*** icone - features  **/
.s-block--features__item {
    background-color: transparent;
}
.sicon-store2:before {
    content: none !important;
}
.s-block--features__item .feature-icon{width: 14rem !important;height: 9rem;background-color: var(--main-color);border-radius: 30px;}
i.sicon-store2 {
    height: 4rem;
    width:100%;
    background-image:url("https://i.postimg.cc/J4LKDkx2/1.png");
    background-position:center;
    background-size:contain;
    background-repeat:no-repeat
}
/***  **/
.sicon-shipping-fast:before{
    content :none !important;
        display: none;
}
.sicon-shipping-fast{
   height:4rem;
    width:100%;
    background-image:url(https://i.postimg.cc/tCNkh4mC/2.png
);
background-position:center;
background-size:contain;
background-repeat:no-repeat
    
}
/***  **/
.sicon-fire:before {
  content: none !important;
}
i.sicon-fire {
   height:4rem;
    width:100%;
    background-image:url('https://i.postimg.cc/mgZwVW03/3.png');
    background-position:center;
    background-size:contain;
    background-repeat:no-repeat
}
.s-block--features__item p {
    display:none
}
.s-block--features__item h2 {
    font-size:21px !important ;
    margin-top: 15px;
    line-height: 1.2;
}
.lazy__bg.lazy.entered.loaded {
        background-position:center;
    background-size:contain;
    background-repeat:no-repeat
}

@media(max-width: 992px){
body.index > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--features.container > div{
     display: flex !important;
    overflow: hidden !important;
    gap: 5px;
}
.s-block--features__item {
    width: 100px !important;
}
.s-block--features__item h2 {
    font-size: 16px !important;
    }
   
.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-rtl.swiper-backface-hidden {
    padding-left: 0 !important;
}
body.index  > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > a > h3{
    width:100%;
}
body.index  > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > p{
display:none
}
.s-contacts-list.s-contacts-list-vertical {
    align-items: center;
    justify-content: center;
}


.grid.one-row.md\:grid-cols-2.grid-flow-row.gap-3.sm\:gap-8{
gap: 5px;
}
}
@media(max-width: 667px){
span.s-button-text {
    font-size: 12px;
}
}
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center,
button.undefined.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center,
button.btn--coupon.has-not-coupon.btn--default.s-button-element.s-button-btn.s-button-solid.s-button-primary.s-button-loader-center ,
button.s-infinite-scroll-btn.s-button-btn.s-button-primary{
    color: white;
    background-color: #a47375 !important;
    border: none;
    padding-block: 12px;
}
button.s-slider-next.s-slider-nav-arrow ,
button.s-slider-prev.s-slider-nav-arrow {
    background-color: #a87473;
}


span.s-button-text {
    display: flex;
    justify-content: center;
    align-items: anchor-center;
    gap: 10px;
}
.grid.one-row.md\:grid-cols-2.grid-flow-row.gap-3.sm\:gap-8 {
    display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 50px;
  }
  /*** hover-line **/

  #slider-with-bg-1 > div.s-slider-block__title > div.s-slider-block__title-right{
    position:relative;
}
#slider-with-bg-1 > div.s-slider-block__title > div.s-slider-block__title-right::after{
    content:"";
    height:3px;
    width:40px;
    background-color:var(--main-color);
    position:absolute;
    transition:0.8s;
}
#slider-with-bg-1 > div.s-slider-block__title > div.s-slider-block__title-right:hover::after{  
    width:100px;
}

b
#slider-with-bg-7 > div.s-slider-block__title > div.s-slider-block__title-right{
    position:relative;
}
#slider-with-bg-7 > div.s-slider-block__title > div.s-slider-block__title-right::after{
        content:"";
    height:3px;
    width:45px;
    background-color:var(--main-color);
    position:absolute;
    transition:0.8s;
}
#slider-with-bg-7 > div.s-slider-block__title > div.s-slider-block__title-right:hover::after{
    width:70px;
}
  /***  **/
  @media(max-width: 992px){
    salla-social.s-social-list.hydrated {
    text-align: center;
    justify-content: center;
}
.grid.one-row.md\:grid-cols-2.grid-flow-row.gap-3.sm\:gap-8{
gap: 5px;
}
body.index > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--features.container > div{
     display: flex !important;
    overflow: hidden !important;
}
.s-block--features__item {
    width: 100px !important;
}
.s-block--features__item h2 {
    font-size: 16px !important;
}
.s-block--features__item .feature-icon {
    width: 6rem !important;
    height: 5rem !important;
    background-color: #8e5d59 !important;
    border-radius: 10px !important;
}

      i.sicon-store2, .sicon-shipping-fast ,i.sicon-fire {
          height:2rem !important;
      }
.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-rtl.swiper-backface-hidden {
    padding-left: 0!important;
}
body.index  > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > a > h3{
    width:100%;
}
body.index  > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > p{
display:none
}
.s-contacts-list.s-contacts-list-vertical {
    align-items: center;
    justify-content: center;
}


}
  @media(max-width: 992px){
   .store-footer__inner *{
    justify-content: center;
    text-align: center;
    }
      .s-products-slider-card {
 
    max-width: 212px !important;
 
}
    }
    
    
    
    .s-block__title {
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: center !important;
}

@media (min-width: 1024px) {
  /* title-hover */

    .s-block__title h2 {
      position: relative;
      display: inline-block;
      font-size: 20px;
      font-weight: bold;
      color: black !important;
      transition: color .2s ease;
      padding: 3px 0;
      margin-bottom: 15px;
      
      &:hover {
        color: #ec5a28ad;
         
        &::after,
        &::before {
          width: 100%;
          left: 0;
        }
        
      }
      
      &::after,
      &::before {
        content: ''; 
        position: absolute;
        top: calc(100% + 5px);
        width: 0;
        right: 0;
        height: 3px;
      }
      
      &::before {
        transition: width .4s cubic-bezier(0.51, 0.18, 0, 0.88) .1s;
        background: #905d24;
      }
      
      &::after {
        transition: width .2s cubic-bezier(0.29, 0.18, 0.26, 0.83);
        background: #46321b;
      }
    }

  
  
  .s-slider-block__title {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
}

.s-slider-block__title-right {
  flex: 1 !important;
  text-align: center !important;
  display: flex !important;
  justify-content: center !important;
  padding: 15px;
}

.s-slider-block__title-right h2 {
  font-family: var(--font-main) !important;
  text-align: center !important;
  margin: 0 !important;
  width: 100% !important;
   
}

.s-slider-block__title-left {
  position: absolute !important;
  left: 0 !important;
}

.s-block__title {
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: center !important;
     
}


    .s-slider-nav-arrow svg {
    width: 22px;
    fill: #fff;
}


a.s-menu-topnav-item.topnav-link-item.right-side {
    color: #fff;
}
 .topnav-is-dark .top-navbar .s-search-input {
    background-color: #fff;
}
.product-single salla-product-options + section > div:nth-of-type(2){
    background:#8E5D59;
    padding:20px 5px;
    border-radius:8px;
   
}
.product-single salla-product-options + section > div:nth-of-type(2) *{
 color:white !important;
}
.product-single salla-product-options + section > div:nth-of-type(2) button i{

    background: #5f4341;
    padding: 5px;
    border-radius: 50%;

}
div[role="dialog"]{
display:none !important;
}
.altumcode-wrapper.altumcode-live-counter-main {
    display: none !important;
}
.cart .whatsapp-button{
display: none !important;
}