/* Add custom CSS styles below */ 
/*توسيط و تكبير قسم المنتجين*/
@media (min-width: 768px) {
.index.prod_vertical .s-products-list-wrapper {
    transform: scale(0.7);
    margin: 0 auto;
    margin: -50px;
    margin-bottom: -100px;
    grid-template-columns: repeat(2, 1fr);
    display: grid
;
    gap: 100px;
    padding: 10px;

}

/*-------------------------------*/


/*  سعر مخفض أصغر، "مل" متسق، وبوردر واضح على الكمبيوتر فقط */
@media (min-width: 769px) {
    /* تكبير اسم المنتج (معتدل) */
    .s-products-list-wrapper .title--small {
        font-size: 1.8em !important;
        line-height: 1.3;
        margin: 8px 0;
    }
    
    /* تكبير وتوحيد "مل" (product-subtitle) */
    .s-products-list-wrapper .product-subtitle {
        font-size: 1.2em !important;
        margin: 5px 0;
        color: #333;
    }
    
    /* تكبير السعر الرئيسي فقط */
    .s-products-list-wrapper .price-wrapper .color-danger {
        font-size: 1.65em;  /* كبير لـ "195" */
    }
    
    /* السعر المخفض أصغر (مثل التصميم الأصلي في الصورة الثانية) */
    .s-products-list-wrapper .price-wrapper .before-price {
        font-size: 1.2em !important;  /* أصغر من الرئيسي بنسبة 20%، مع الحفاظ على line-through */
        margin-left: 10px;
        text-decoration: line-through !important;  /* ضمان الخط المشطوب */
        color: #999;  /* لون رمادي فاتح للتمييز */
    }
    
    /* تكبير نص الزر */
    .s-products-list-wrapper .s-button-text {
        font-size: 1.4em;
        }
    /* شكل الزر مع بوردر أكبر */
    .s-products-list-wrapper .btn--add-to-cart {
        font-size: 1.3em;
        border-radius: 6px;
        margin-top: 8px;
        background-color: #f8f8f8;
        transition: border-color 0.3s;
    }
    
    .s-products-list-wrapper .btn--add-to-cart:hover {
        border-color: #ccc;
    }
    
    /* تحسين الحاوية */
    .s-products-list-wrapper .product-block__info {
        padding: 16px 32px !important;
    }

#app salla-add-product-button button[product-id].s-button-primary:hover {
        border-color: #8B4513 !important;  /* بني أغمق عند التحويم */
        background-color: #fffaf0 !important;  /* خلفية فاتحة جداً */
    }
}

    .s-products-list-wrapper .price-wrapper .color-danger .842637105 {
        padding: 18px !important;
    }