.s-rating-stars-wrapper {
    display: none;
}
.random-purchases-counter {
        color: red;
        font-size: 0.875rem;
        margin-top: 0.5rem;
        padding: 0 25px; 
        direction: rtl;
        font-family: inherit; 
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-color:white;
        height:45px;
        border-radius:10px;
    }

    .random-purchases-counter .text-part {
        display: flex; 
        align-items: center;
        gap: 0.25rem;
    }

    .random-purchases-counter .count-part {
        font-weight: bold;
        direction: ltr; 
    }
    


/*التقييمات على الكروت*/
/* CSS لتنسيق التقييم في كروت المنتجات */
    .product-card-rating-overlay {
        position: absolute;
        bottom: 0.5rem;
        left: 0.5rem;
        background-color: rgba(255, 255, 255, 0.9);
        padding: 0.2rem 0.4rem;
        border-radius: 0.25rem;
        display: flex;
        align-items: center;
        gap: 0.2rem;
        font-size: 1.3rem;
        font-weight: bold;
        color: #333;
        z-index: 9;
        direction: ltr;
    }

    .product-card-rating-overlay .star-char-filled { /* استخدام فئة لرمز النجمة */
        color: #facc15 !important; /* لون أصفر للنجوم */
        font-size: 1.5rem !important; /* حجم أيقونة النجمة */
        font-weight: bold;
        display: inline-block !important;
        vertical-align: middle !important;
    }
    
    
/*التقييمات اسفل العنوان*/
.product-title-reviews {
    display: flex;
    align-items: center;
    gap: 0.5rem; 
    margin-top: 0.5rem; 
    font-size: 1.2rem; 
    color: #6b7280; 
    direction: rtl; 
}

.product-title-reviews .stars-display {
    display: flex;
    align-items: center; 
    gap: 0.1rem; 
    color: #facc15; 
    font-size: 1.5rem; 
    font-weight: 600; 
}

.product-title-reviews .stars-display .star-char-filled {
    font-size: 1.2em; 
    display: inline-block;
    vertical-align: middle; 
}

.product-title-reviews .stars-display .star-char-half {
    font-size: 1.2em;
    display: inline-block;
    vertical-align: middle;
    color: #878383; 
    opacity: 0.7; 
}
.product-title-reviews .stars-display .star-char-empty {
    color: #878383; 
    font-size: 1.2em;
    display: inline-block;
    vertical-align: middle;
}

.product-title-reviews .review-count-text {
    color: #6b7280; 
    font-weight: bold; 
    white-space: nowrap; 
}
    
    
    /*التقيمات فى قسم التقييمات*/
  /* --- CSS for Main Product Reviews Section (Detailed Breakdown) --- */
    .product-reviews-summary-container {
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
        margin-top: 1rem;
        padding-bottom: 1rem;
        border-bottom: 1px solid #eee;
        font-family: inherit;
        color: #333;
        direction: rtl; /* For RTL text alignment */
        margin-bottom: 1rem;
    }

    .reviews-main-summary {
        display: flex;
        align-items: center;
        gap: 1.5rem; /* Space between main elements */
        flex-wrap: wrap; /* Allow wrapping on smaller screens */
    }

    .reviews-main-summary .average-rating-number {
        font-size: 3rem; 
        font-weight: bold;
        color: #333;
        line-height: 1;
    }

    .reviews-main-summary .stars-and-details {
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
        align-items: flex-start; /* Align text to the start (right in RTL) */
    }

    .reviews-main-summary .stars-display {
        display: flex;
        gap: 0.1rem; /* Small gap between stars */
    }

    /* Styles for the Unicode star characters in main summary */
    .reviews-main-summary .stars-display .star-char-filled,
    .reviews-main-summary .stars-display .star-char-half,
    .reviews-main-summary .stars-display .star-char-empty {
        color: #facc15; /* Default star color */
        font-size: 1.5rem; /* Larger star size for main summary */
    }

    .reviews-main-summary .stars-display .star-char-empty {
        color: #ccc; /* Lighter color for empty stars */
    }

    .reviews-main-summary .total-reviews-count {
        font-size: 0.875rem;
        color: #6b7280;
    }

    .reviews-main-summary .recommendation-percentage {
        font-size: 1rem;
        font-weight: bold;
        color: #333;
    }

    /* Styles for the review breakdown bars (1-5 stars) */
    .reviews-breakdown {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
        width: 100%;
    }

    .reviews-breakdown .rating-bar-row {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        font-size: 0.875rem;
        color: #6b7280;
    }

    .reviews-breakdown .rating-bar-row .star-count {
        flex-shrink: 0; /* Prevent shrinking */
        font-weight: bold;
    }

    .reviews-breakdown .rating-bar-row .star-char-filled-small {
        color: #facc15;
        font-size: 0.8rem; /* Smaller star size for breakdown */
        flex-shrink: 0;
    }

    .reviews-breakdown .rating-bar {
        flex-grow: 1; /* Make the bar fill available space */
        height: 0.5rem;
        background-color: #e0e0e0; /* Background color of the bar */
        border-radius: 0.25rem;
        overflow: hidden;
        direction: ltr; /* Ensure the fill starts from left */
    }

    .reviews-breakdown .rating-bar-fill {
        height: 100%;
        background-color: #a08169; /* Color of the filled part (brown) */
        border-radius: 0.25rem;
        transition: width 0.5s ease-out; /* Smooth transition for bar fill */
    }

    .reviews-breakdown .percentage-text {
        flex-shrink: 0;
        min-width: 3.5rem; /* Minimum width to prevent wrapping */
        text-align: left;
        font-weight: bold;
        direction: ltr; /* Ensure percentage text is LTR */
    }