/* Add custom CSS styles below */
.product-card.product-card--enhanced-btn:not(.product-card--simplified) .product-card__enhanced-mini-cart button {
        padding-bottom: 4px !important;
    }

.product-card__enhanced-mini-cart__btn--inner {
    display: flex !important;
    flex-direction: row-reverse !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
}

.product-card__enhanced-mini-cart__btn--inner .enhanced-label {
    flex-grow: 1;
    text-align: center;
}
.product-card__normal-cart__btn .s-button-text, .product-card__enhanced-mini-cart__btn--inner span {
    font-size: 0px;
}

.product-card__normal-cart__btn .s-button-text:after, .product-card__enhanced-mini-cart__btn--inner span:after {
    content: 'إضافة';
    display: block;
    text-align: center;
    font-size: 14px;
    color: #fff;
    padding-bottom: 5px;
}
/**********************/
.advanced-slider .swiper{
        width: 93%;
        border-radius: 14px;
}
salla-button .s-button-btn {
    padding: .5rem 1.5rem .5rem;
}
/***************/
.navbar-brand img{
    transform: scale(.8);
}

.s-quantity-input-button svg{
  fill:#fff;
}
@media only screen and (min-width: 601px) {
.product-card__image img {
    -o-object-fit: cover;
    object-fit: cover;
}
}

@media only screen and (max-width: 600px) {
      .store-header .inner {
        min-height: 68px;
    }
  
.s-add-product-button-main .s-add-product-button-mini-checkout,
.sticky-product-bar .s-add-product-button-main,
.sticky-product-bar salla-button,
.sticky-product-bar .s-button-element,
.sticky-product-bar .s-fast-checkout-button,
.sticky-product-bar .apple-pay-button,
.sticky-product-bar salla-apple-pay-button button{
    height:40px !important;
    min-height:40px !important;
    display:flex;
    align-items:center;
    justify-content:center;
}
  .sticky-product-bar button.apple-pay-button{
    height:43px !important;
    min-height:43px !important;
}
  
  .s-product-options-wrapper{
    margin-bottom: -1.25rem;  
}

#single-product-details{
      margin: -40px  0 60px !important;
}
  salla-advertisement .s-advertisement {
    position: relative;
    background-color: #000 !important;
    color: #fff !important;
    z-index: 1001;
  }

  body.header-fixed salla-advertisement .s-advertisement {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
  }
}

.s-quantity-input-button,
.product-single-top-description.mb-5{
  background: var(--header-bg);
  padding: 10px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  border-radius: 8px;
}


.product-card__buttons>div button,
.more-tab-container > .product-more-info .more-tab-container .more-info-tabs__nav-link:first-child,
.product-price.product-price-bottom .center-between{
  display: none;
}

.s-add-product-button-main .s-add-product-button-mini-checkout{
   background: var(--header-bg);
}

.promotion-title,
.mini_top_promotion .simplified-products .product-card.product-card--simplified .product-card__promotion{
  color: #000;
  left: auto;
  right: 0px;
  
}

.s-add-product-button-mini-checkout-content{
    color: var(--color-primary-reverse);
}

.s-quantity-input-button svg{
  background: transparent;
}


.fit-slider-products .s-slider-swiper-wrapper .swiper-slide{
  margin: 10px auto;  
}

body.products-has-border .product-card{
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  border-radius: 8px; 
}

.product-card--primary-buttons button {
    background: var(--product-enhanced-btn-bg)!important;
}

.s-add-product-button-mini-checkout-content,
.sticky-cart-single .s-button-element,
.sicon-eye:before,
.sicon-shopping:before{
  color: #fff;  
}

.product-card__enhanced-mini-cart button.s-button-element{
      border-radius: 8px;
}

.simplified-products .s-products-list-wrapper .product-card--simplified .product-card__promotion{
  top: 0rem; 
  right: 0px;
  width: 30%;
} 

@media only screen and (max-width:600px) {
  #advanced-slider-0 img.advanced-slider__image {
      border-bottom-left-radius: 30px;
      border-bottom-right-radius: 30px;
}
  
.product-more-info.vertical{
  margin-top: -70px !important;
}

.fit-slider-products .s-slider-swiper-wrapper .swiper-slide{
   margin: 10px 3px;
    width: 180px;
  }
  .is-sticky-product-bar.product-single {
        padding-bottom:0rem;
    }
.product-card__enhanced-mini-cart button.s-button-element{
    width: 90%;
    margin: 0px auto 10px;
}

  .simplified-products .s-products-list-wrapper .product-card--simplified .product-card__promotion{
      bottom: 9.4rem;  
      width: 49%;
}
}

salla-button .s-button-btn{
  padding: .5rem 1.5rem .125rem;
}

@media screen and (max-width: 600px) {

  .fit-slider-products .s-slider-swiper-wrapper .swiper-slide {
      width: 230px !important;
      margin: 10px 6px;
      flex-shrink: 0 !important;
  }

  .fit-slider-products .product-card__image {
      height: auto !important;
      max-height: none !important;
      aspect-ratio: auto !important;
  }

  .fit-slider-products .product-card__image img {
      height: auto !important;
      max-height: none !important;
      width: 100% !important;
      object-fit: unset !important;
  }

}


.main-nav-container{
     background-color: #fcfdfd75;
}
/*******************/
.s-block--enhanced-features.mini-features .s-block--enhanced-features__item{
      border: none;  
}

.s-block--enhanced-features__item .feature-icon img{
     transform: scale(2); 
}

.product-single .product-features-item{
  display: block;
  width: 100%;
  padding: 12px;
  text-align: center;
  background: #fff;
  border: none;
}

.product-features-item .feature-icon i.sicon-ol {
    display: none !important;
}

.product-card__normal-cart__btn .s-button-text{
  color:#fff;  
}

.product-features-item .feature-icon {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    margin: 0px auto 5px;
    justify-content: center;
}

.product-features-item .feature-icon::before {
    content: "";
    display: block;
    transform: scale(2.5);
    width: 24px;
    height: 24px;
    background-image: url('https://cdn.files.salla.network/homepage/1499433008/d2a9bf06-6028-4971-aa4e-69cf61ad6943_512x512.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.product-features-item .sicon-paragraph:before {
    content: "";
    display: block;
    transform: scale(2.5);
    width: 24px;
    height: 24px;
    background-image: url('https://iili.io/Cz1jdwQ.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.feature-text{
 margin-top: 20px; 
}

.product-features-item .sicon-code:before{
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    transform: scale(2.5);
    background-image: url('https://iili.io/Cz1Nqva.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.s-block.s-block--bundle-html-content{
      margin-top: 1rem;
}

/***********************/
.feature-item .icon img{
  margin: 0px auto;
}
.feature-item .icon svg{
      margin: 0px auto;
}

.titanium-section .section-title{
    font-size: 1.8rem;
    line-height: 1.5;  
}

.titanium-section {
        background-color: #ffff;
        color: #000;
        font-family: inherit;
        text-align: center;
      }

      .section-title {
        font-size: 2.5rem;
        margin-bottom: 30px;
      }

      .titanium-container {
        display: flex;
        direction: ltr;
        justify-content: center;
        align-items: center;
        gap: 0px;
        max-width: 1100px;
        margin: 0 auto;
      }

      .feature-col {
        flex: 1;
        display: flex;
        flex-direction: column;
        gap: 0px;
        text-align: left;
      }

      .feature-item .icon {
        font-size: 2rem;
        text-align: center;
        margin-bottom: 10px;
      }

      .feature-item h4 {
        margin: 5px 0;
        text-align: center;
      }

      .feature-item p {
        font-size: 0.8rem;
        text-align: center;
        line-height: 1.6;
      }

      .image-col {
        flex: 0 0 400px;
      }

      .image-col img {
        width: 100%;
        padding: 10px 18px;
        border-radius: 40px;
        display: block;
      }

      .image-caption {
        font-style: italic;
        margin-top: 15px;
        font-size: 1.2rem;
      }

      /* تنسيق الموبايل */
      @media (max-width: 768px) {
        .titanium-container {
          flex-direction: column;
        }
      }

      @media (max-width: 768px) {
        .titanium-container {
          flex-direction: column;
        }

        .image-col {
          order: -1;
          margin-bottom: 30px;
          flex: 0 0 auto;
          width: 100%;
        }

        .feature-col {
          text-align: center; 
        }
      }



body.trans_header.slider_has_overlay .store-header .s-cart-summary-count {
    background-color: #07462f;
    color: #fff !important;
}

@media only screen and (max-width: 600px) {
  .store-header .inner {
        min-height: 85px;
        padding-top: 19px;
}

.feature-item h4 {
    font-size: .9rem;
}
  
.feature-item {
        width: 48%;
        margin: auto 10px auto 10px;
}
  
.feature-item .icon img {
    margin: -20px auto;
}
  .feature-col{
    flex-direction: row;
  }
}

salla-button .s-button-btn {
    padding: .5rem 1.5rem .3rem;
}

.s-button-btn .s-button-text {
    display: flex !important;
    align-items: center !important; 
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
}

.product-card__normal-cart__btn .s-button-text i{
      margin-bottom: 5px;
}

.s-button-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/*****************************/
#details_table span[style*="background-color: rgb(214, 35, 35)"] {
    display: inline-block !important;
    transform: scale(1.5);
    width: 30px !important; 
    height: 30px !important;
    background-image: url('https://iili.io/Cz1jdwQ.webp') !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    vertical-align: middle !important;
}