/* Add custom CSS styles below */ 

/* النصوص والأيقونات */
.store-header,
.store-header a,
.store-header p,
.store-header span,
.store-header button,
.store-header i,
.store-header svg,
.store-header path,
.store-header .header-btn,
.store-header .da-tm,
.store-header .navbar-brand {
    color: #fff !important;
    fill: #fff !important;
}

/* سعر السلة والعملة */
.store-header .s-cart-summary-content,
.store-header .s-cart-summary-total,
.store-header .s-cart-summary-total b,
.store-header .s-cart-summary-total i,
.store-header .sicon-sar {
    color: #fff !important;
    fill: #fff !important;
}

/* أيقونة السلة */
.store-header .s-cart-summary svg,
.store-header .s-cart-summary svg path {
    fill: #fff !important;
}

/* دائرة عدد المنتجات فوق السلة */
.store-header .s-cart-summary-count {
    background: #ffffff !important;
    color: #8b2c7f !important;
    border: none !important;
    font-weight: bold !important;
}


.swiper .banner-square .relative h3,
.swiper .banner-square h3,
.banner-square h3 {
    font-size: 1.3rem !important;
}

div.banner-square h3 {
    font-size: 1.3rem !important;
}

.swiper .banner-square h3 {
    font-size: 1.3rem !important;
    padding-bottom: 12px !important;
    line-height: 1.4;
}

/* كل الفوتر أبيض */
.store-footer,
.store-footer * ,.s-trust-badges-label, .s-trust-badges-number {
    color: #ffffff !important;
}

.footer-list a {
    color: #ffffff !important;
}

.footer-list a:hover{
    color: #ffffff !important;
}

/* أي نصوص داخل عناصر خاصة (زي buttons أو spans) */
.store-footer input,
.store-footer p,
.store-footer span,
.store-footer h1,
.store-footer h2,
.store-footer h3,
.s-trust-badges-label, .s-trust-badges-number {
    color: #ffffff !important;
}

.store-footer strong.da-tm {
    color: #ffffff !important;
}

footer .footer-newsletter form .s-button-btn {
    border-top: 1px solid #fff !important;
    border-bottom: 1px solid #fff !important;
    border-left: 1px solid #fff !important;
}

.footer-middle .s-contacts svg,
.footer-middle .social-links svg {
    fill: #000 !important;
    stroke: #000 !important;
}

.footer-top .social-links svg {
    fill: #000 !important;
    stroke: #000!important;
}



.mask-block,
.mask-slider .swiper {
    -webkit-mask-image: none;
    mask-image: none;
}


.faq-item {
    background: #8B2C7F!important;
    color: #fff !important;
}

.faq-item::before {
    color: #8B2C7F!important;
    -webkit-text-fill-color: #ffffff !important;
}

.faqs-list .faq-item.bg-white {
    background: #8B2C7F!important;
}

.faqs-list__item {
    border: 2px solid #8B2C7F!important;
}

.pb-8 {
    background-color: #f3f4f6 !important;
    border-radius: 20px !important;
}


@media (min-width: 992px) {
    section:has(.banner-square.zoomed-img.grayscaled-img) {
        max-width: 1000px;
        margin: 0 auto;
    }
} 

@media (max-width: 767px) {
    .banner-square .box-img {
        height: 200px !important; /* غير الرقم حسب احتياجك */
        overflow: hidden;
    }

    .banner-square .box-img img {
        width: 100%;
        height: 100%;
        object-fit: contain; 
    }
}

#wa-angel{
  margin-bottom: 30px
}

.md\:text-sm {
      font-size: 1.5rem;
      line-height: 1.25rem;
}

.s-block--banners .banner-square p {
    color: rgb(0 0 0);
    padding-top: 10px;
}

li.mobile-menu-slider {
    display: none !important;
}

/* جميع النصوص داخل قائمة الموبايل */
#mobile-menu,
#mobile-menu * {
    color: #000 !important;
}

/* الروابط */
#mobile-menu a,
#mobile-menu .menu_title,
#mobile-menu .font-primary,
#mobile-menu .unicode,
#mobile-menu span,
#mobile-menu p {
    color: #000 !important;
}

/* الأيقونات التي تعتمد على currentColor */
#mobile-menu svg,
#mobile-menu i {
    color: #000 !important;
    fill: currentColor;
}