/* Add custom CSS styles below */
.store-footer {
    position: relative;
    margin-top: 2rem;
    --tw-bg-opacity: 1;
    background-color: rgba(29, 31, 31, 1);
    background-color: rgb(0 41 54);
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, 1);
    color: rgba(255, 255, 255, var(--tw-text-opacity, 1));
}
/* جميع كروت المنتجات */
div[id^="product-"]{
    background:#fff !important;
    border:1px solid #d8e8d8 !important;
    border-radius:18px !important;
    overflow:hidden !important;
    transition:all .3s ease !important;
    box-shadow:0 2px 8px rgba(0,0,0,.04) !important;
}

/* Hover */
div[id^="product-"]:hover{
    transform:translateY(-6px) !important;
    border-color:#0d7c3b !important;
    box-shadow:0 12px 30px rgba(13,124,59,.18) !important;
}

/* منطقة الصورة */
div[id^="product-"] .product-entry__image{
    background:#fff !important;
}

/* الصورة */
div[id^="product-"] .product-entry__image img{
    transition:all .4s ease;
}

div[id^="product-"]:hover .product-entry__image img{
    transform:scale(1.05);
}
/* الكارت بالكامل */
div[id^="product-"]{
    background:#fff !important;
}

/* جميع العناصر الداخلية */
div[id^="product-"] *,
div[id^="product-"] .content-wrap,
div[id^="product-"] .product-entry__content,
div[id^="product-"] .product-entry__image{
    background-color:#fff !important;
}
-------------------------
.store-footer {
    position: relative;
    margin-top: 2rem;
    --tw-bg-opacity: 1;
    background-color: rgba(29, 31, 31, 1);
    background-color: rgb(0 41 54);
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, 1);
    color: rgba(255, 255, 255, var(--tw-text-opacity, 1));
}

.store-footer__info-bar {
    --tw-bg-opacity: 1;
    background-color: rgba(14, 15, 15, 1);
    background-color: rgb(0 41 54);
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, 1);
    color: rgba(255, 255, 255, var(--tw-text-opacity, 1));
}

.store-footer__inner {
    border-bottom-width: 1px;
    border-color: rgb(41 159 50);
}
--------------------