/* تحسينات عامة */
* {
    -webkit-tap-highlight-color: transparent;
}

.menu-page {
    background-color: #fafafa;
    padding-bottom: 50px;
}

/* تنسيق الكروت */
.menu-page .card-img-top {
    height: 200px !important;      /* تقليل الارتفاع قليلاً لجعله أكثر تناسقاً */
    width: 100% !important;        /* التأكد من ملء العرض */
    object-fit: cover;             /* هذا يجعل الصورة تغطي المساحة دون تشويه */
    object-position: center;       /* التركيز على منتصف الصورة */
    border-radius: 20px !important; 
    display: block;                /* إزالة أي فراغات إضافية تحت الصورة */
}
/* تنسيق الأزرار */
.menu-page .btn-outline-secondary {
    border: 2px solid #eee;
    font-weight: 600;
}

.menu-page .btn-warning {
    font-weight: 700;
}

.size-table {
    background: #f8f9fa;
    border-radius: 10px;
    padding: 10px;
}