body,
html {
  background-color: #FAF9F6 !important;
}
.footer-section,
.section,
.container,
.footer,
.header,
.reviews,
.footer-section,
.page-content {
  background-color: #FAF9F6 !important;
}

/* ======= إصلاح مربع السلة / صورة العميل (top-left) ======= */

/* 1) إزالة أي خلفيات بيضاء أو ظل من الحاوية العامة فوق الهيدر */
.header .header-actions,
.header-top,
.top-header,
.topbar,
.store-top-bar,
.header .actions {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* 2) استهداف الأيقونات الصغيرة (cart / avatar) ووضع اللون المطلوب */
.header .cart-icon,
.header .user-icon,
.header .user-avatar,
.topbar .cart,
.topbar .profile,
.header .account,
.header .icons,
.header .action-item,
.header .mini-box {
    background-color: #FAF9F6 !important;
    background-image: none !important;      /* افصل أي صورة خلفية */
    box-shadow: none !important;            /* شيل الظلال اللي تبرز الأبيض */
    border: 1px solid rgba(0,0,0,0.03) !important; /* حد خفيف لاحترافية */
    border-radius: 8px !important;
    padding: 6px !important;                /* لو العنصر صغير يعطي مسافة داخلية */
}

/* 3) لو الأيقونات داخل أزرار/روابط نطبطب على الوالد */
.header .cart-icon a,
.header .user-avatar a,
.topbar .cart a,
.topbar .profile a,
.header .action-item a {
    background-color: #FAF9F6 !important;
    background-image: none !important;
}

/* 4) حالات بديلة: إن كانت الكلاسات مختلفة على قالبك */
div[class*="cart"],
div[class*="user"],
div[class*="profile"],
button[class*="cart"],
button[class*="user"] {
    background-color: #FAF9F6 !important;
    box-shadow: none !important;
}

/* 5) منع أي لون خلفي أبيض من العناصر الداخلية */
.header .cart-icon * ,
.header .user-avatar * {
    background: transparent !important;
}

/* 6) إن ظهر خط أبيض رفيع — شيل الحدود البيضاء تماما */
.header .cart-icon, .header .user-avatar {
    border: none !important;
}

/* ----- انتهاء الإصلاح ----- */



/* تغيير خلفية كروت المميزات فقط بدون لمس الأيقونات */
.features-section .feature-card,
.features-section .card,
.features-section .item,
.feature-card,
.card-feature,
.card-item {
    background-color: #FAF9F6 !important;
    box-shadow: none !important; /* إزالة الظلال البيضاء */
}

/* تعديل الحواف حتى يظل الشكل أنيق */
.features-section .feature-card,
.feature-card {
    border-radius: 12px !important;
    padding: 25px !important;
}

/* عدم التأثير على الدائرة الخضراء */
.features-section .feature-card .icon,
.feature-card .icon,
.features-section img,
.feature-card img {
    background-color: transparent !important;
}

.s-block--features__item {
    align-items: center;
    border-radius: .375rem;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgb(250 249 246);
    padding: 2rem 1rem;
    text-align: center;
    transition-duration: .5s;
    transition-property: box-shadow;
    transition-timing-function: 
cubic-bezier(.4, 0, .2, 1);
}
.footer-is-light .store-footer .store-footer__inner {
    --tw-border-opacity
1
: 1;
    border-bottom-color: #e5e7eb;
    border-bottom-color: rgba(229, 231, 235, var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: #f3f4f6;
    background-color: rgb(250 249 246);
}


.bg-inherit {
    background-color: #faf9f6;
}