/* Add custom CSS styles below */ 
@media (min-width: 640px) {
.s-block {
    margin-top: 0rem;
    }
}
.s-block {
    margin-top: 0rem;
}

.s-cart-summary-count {
    background-color: red !important;
}

.brands{
  margin-top:3rem;
  margin-bottom:3rem;
}

.banner2{
  margin-top:3rem;
}

.banner3,.pay{
  margin-top:1rem;
}

.pay{
  margin-bottom: 2rem;
}

.product-card__buttons .wishlist,
.product-card__buttons .quickview-btn {
    display: none !important;
}

/* أزرار السلايدر */
.s-slider-block__title-nav .s-slider-nav-arrow {
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
    background: #f3f3f3 !important;
    border: 1px solid #ddd !important;
    color: #323308 !important;
    transition: all 0.3s ease;
}

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

/* الزرار الـ Active / المتاح */
.s-slider-block__title-nav .s-slider-nav-arrow:not(.swiper-button-disabled) {
    background: #323308 !important;
    border-color: #323308 !important;
    color: #fff !important;
}

/* الزرار غير المتاح */
.s-slider-block__title-nav .s-slider-nav-arrow.swiper-button-disabled {
    background: #f3f3f3 !important;
    border-color: #ddd !important;
    color: #999 !important;
    opacity: 1 !important;
}

/* Hover على الزرار المتاح */
.s-slider-block__title-nav .s-slider-nav-arrow:not(.swiper-button-disabled):hover {
    background: #232406 !important;
    border-color: #232406 !important;
    color: #fff !important;
}

:root {
    --color-primary-reverse: #fff !important;
}

.product-card__normal-cart__btn .s-button-element:hover,
.product-card__normal-cart__btn .s-button-element:focus {
    background-color: #323308 !important;
    border-color: #323308 !important;
    color: #ffffff !important;
}