/* ===== كود التصميم النهائي المحسن لجمعية إنعاش ===== */





/* 1. البطاقات العائمة الأنيقة */


.product-entry,


.s-product-card-entry {


    background: #ffffff !important;


    border: none !important;


    border-radius: 20px !important;


    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06) !important;


    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;


    padding-bottom: 10px !important;


    will-change: transform, box-shadow !important;


    backface-visibility: hidden !important;


}





.product-entry:hover,


.s-product-card-entry:hover {


    transform: translateY(-6px) !important;


    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08) !important;


}





/* 2. صور المشاريع */


.product-entry__image img,


.s-product-card-image img {


    height: 240px !important;


    width: 100% !important;


    object-fit: cover !important;


    border-top-left-radius: 20px !important;


    border-top-right-radius: 20px !important;


    border-bottom-left-radius: 0 !important;


    border-bottom-right-radius: 0 !important;


}





/* 3. أزرار التبرع المحسنة */


.s-add-to-cart-button,


.btn-add-to-cart,


.product-cart-btn,


.add-to-cart-btn,


button[type="submit"] {


    background: linear-gradient(45deg, #1f8e6d, #27ae60, #2ecc71) !important;


    color: #fff !important;


    border: none !important;


    border-radius: 30px !important;


    box-shadow: 0 6px 20px rgba(31, 142, 109, 0.25) !important;


    font-size: 16px !important;


    font-weight: 700 !important;


    padding: 14px 28px !important;


    letter-spacing: 0.5px !important;


    text-transform: none !important;


    width: 100% !important;


    position: relative !important;


    overflow: hidden !important;


    cursor: pointer !important;


    transition: all 0.3s ease !important;


}





.s-add-to-cart-button:hover,


.btn-add-to-cart:hover,


button[type="submit"]:hover {


    transform: translateY(-2px) !important;


    box-shadow: 0 8px 25px rgba(31, 142, 109, 0.35) !important;


}





.s-add-to-cart-button:active,


.btn-add-to-cart:active {


    transform: scale(0.98) !important;


}





/* 4. العناوين والنصوص */


.product-entry h3,


.product-entry__title a,


.s-product-card-content-title a,


.product-title {


    font-size: 18px !important;


    font-weight: 700 !important;


    color: #1a2332 !important;


    line-height: 1.4 !important;


    margin-bottom: 8px !important;


    text-decoration: none !important;


}





.product-entry .product-description,


.s-product-card-content p {


    color: #4a5568 !important;


    font-size: 15px !important;


    line-height: 1.6 !important;


    margin-bottom: 15px !important;


}





/* 5. الأسعار ومبالغ التبرع */


.product-price,


.product-entry__price,


.s-product-card-price {


    color: #1f8e6d !important;


    font-weight: 800 !important;


    font-size: 22px !important;


    margin: 10px 0 15px 0 !important;


}





/* 6. تحسين البانر الرئيسي */


.s-block--slider .swiper-slide img,


.home-slider .swiper-slide img {


    max-height: 350px !important;


    object-fit: cover !important;


    width: 100% !important;


}





.s-block--slider .swiper-pagination-bullet {


    background: #1f8e6d !important;


    width: 12px !important;


    height: 12px !important;


    margin: 0 6px !important;


    transition: all 0.3s ease !important;


}





.s-block--slider .swiper-pagination-bullet-active {


    background: #27ae60 !important;


    transform: scale(1.3) !important;


}





/* 7. تحسين شريط البحث */


.search-input,


input[type="search"] {


    border: 2px solid #e9ecef !important;


    border-radius: 25px !important;


    padding: 12px 20px !important;


    font-size: 16px !important;


    transition: all 0.3s ease !important;


}





.search-input:focus,


input[type="search"]:focus {


    border-color: #1f8e6d !important;


    box-shadow: 0 0 0 3px rgba(31, 142, 109, 0.1) !important;


    outline: none !important;


}





/* 8. تحسين الهيدر */


header,


.header {


    background: #fff !important;


    box-shadow: 0 2px 10px rgba(0,0,0,0.08) !important;


    padding: 10px 0 !important;


}





.logo img {


    max-height: 60px !important;


    width: auto !important;


}





/* 10. تحسين الأداء والنعومة */


* {


    -webkit-font-smoothing: antialiased !important;


    -moz-osx-font-smoothing: grayscale !important;

}

/* ===== نهاية الكود ===== */