/* Add custom CSS styles below */ 
@media (max-width: 768px) {
  .s-block--double-banner .flex {
    flex-direction: column;
  }

  .s-block--double-banner .banner {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100%;
  }

  .s-block--double-banner .banner img {
    width: 100%;
    height: auto;
    display: block;
  }
}

.second{
  margin-top: 5rem;
}

.s-block--product-tabs--toggle .product-tabs-container{
  margin-bottom: 30px;
  margin-top: 3rem;
}

.s-block--product-tabs--toggle .btn-tabs-container{
  background-color: #352A1A;
}

.product-card__buttons,
.product-card__buttons.normal,
.product-card__buttons .wishlist,
.product-card__buttons .quickview-btn {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

.s-block--product-tabs--toggle .btn-tab-primary{
  color: white;
}

.s-block--product-tabs--toggle .btn-tab-primary.active{
    background: #ffffff;
    color: #000000;
}

.btn-tab-primary:not(.active):hover span {
    color: #ffffff !important;
}

@media (max-width: 991px) {
    .mini_top_promotion .simplified-products .product-card.product-card--simplified .product-card__promotion {
        border-radius: 0px 0px 15px 0px;
    }
}


/* الوضع العادي */
.s-button-primary-outline {
    background: #352A1A !important;
    color: #ffffff !important;
    border-color: #352A1A !important;
}

.s-button-primary-outline .s-button-text,
.s-button-primary-outline .s-button-text i {
    color: #fffffff !important;
}

/* عند الـ Hover */
.s-button-primary-outline:hover {
    background: #ffffff !important;
    color: #352A1A !important;
    border-color: #352A1A !important;
}

.s-button-primary-outline:hover .s-button-text,
.s-button-primary-outline:hover .s-button-text i {
    color: #352A1A!important;
}

.text-store-text-secondary {
    color: #CF4B4B;
}

.before-price {
    color: #000000;
} 

@media (max-width: 767px) {
    .product-card__price .total-price {
        font-size: 15px;
    }
}

.product-card__promotion{
  top: 0rem;
  left: 0rem;
  border-radius: 0px 0px 15px 0px;
}

img[src*="102ce793-ce55-47e8-8db8-67d575c40455"] {
    margin-top: 3rem !important;
}

.s-block--double-banner.double-banner--9 {
    margin-top: 2.5rem !important;
}
/* ============================================= */

.s-slider-block__title-nav {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* الشكل الأساسي */
.s-slider-block__title-nav .s-slider-nav-arrow {
  width: 42px;
  height: 42px;
  padding: 0;
  border: 1px solid #352a1a;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

/* السهم الفعّال */
.s-slider-block__title-nav .s-slider-nav-arrow[aria-disabled="false"] {
  background-color: #352a1a;
  color: #fff;
  cursor: pointer;
}

/* السهم غير الفعّال */
.s-slider-block__title-nav .s-slider-nav-arrow[aria-disabled="true"] {
  background-color: #f4f1eb;
  border-color: #d8d0c4;
  color: #b3aa9d;
  cursor: not-allowed;
  opacity: 0.75;
}

/* لون الأيقونة */
.s-slider-block__title-nav .s-slider-nav-arrow svg {
  width: 22px;
  height: 22px;
  fill: currentColor;
}

/* تأثير المرور على السهم الفعّال */
.s-slider-block__title-nav .s-slider-nav-arrow[aria-disabled="false"]:hover {
  background-color: #4a3a25;
  transform: translateY(-2px);
  box-shadow: 0 5px 12px rgba(53, 42, 26, 0.25);
}