body{

    background:#f4f4f4;

    font-family:Arial,Helvetica,sans-serif;

}

.restaurant-cover{

    width:100%;

    height:220px;

    object-fit:cover;

}

.restaurant-logo{

    width:120px;

    height:120px;

    border-radius:50%;

    border:5px solid #fff;

    margin-top:-60px;

    background:#fff;

    object-fit:cover;

}

.restaurant-card{

    background:#fff;

    border-radius:15px;

    padding:20px;

    box-shadow:0 3px 12px rgba(0,0,0,.08);

}

.category-title{

    background:#198754;

    color:#fff;

    padding:10px 15px;

    border-radius:8px;

    margin-top:30px;

    margin-bottom:15px;

    font-size:22px;

    font-weight:bold;

}

.subcategory-title{

    border-left:5px solid #198754;

    padding-left:10px;

    margin-top:20px;

    margin-bottom:15px;

    font-size:20px;

    font-weight:600;

}

.menu-card{

    background:#fff;

    border-radius:10px;

    padding:15px;

    margin-bottom:15px;

    box-shadow:0 2px 8px rgba(0,0,0,.08);

}

.menu-img{

    width:100px;

    height:100px;

    border-radius:10px;

    object-fit:cover;

}

.price{

    color:#198754;

    font-size:20px;

    font-weight:bold;

}

.badge-veg{

    background:#28a745;

    color:#fff;

}

.badge-nonveg{

    background:#dc3545;

    color:#fff;

}

.footer{

    background:#222;

    color:#fff;

    padding:25px;

    text-align:center;

    margin-top:50px;

}

.category-nav{

    position:sticky;

    top:0;

    z-index:1000;

    background:#fff;

    padding:10px;

    overflow-x:auto;

    white-space:nowrap;

    box-shadow:0 2px 5px rgba(0,0,0,.1);

}

.category-nav a{

    text-decoration:none;

    margin-right:10px;

}

.accordion-button{
    padding: 12px !important;
}
.accordion-body{
    padding: 5px !important;
}
.menuPricing{
    padding-left:15px;
}

    .category-nav{
    white-space: nowrap;
    scrollbar-width: thin;
}

.category-nav::-webkit-scrollbar{
    height:6px;
}

.category-nav::-webkit-scrollbar-thumb{
    background:#198754;
    border-radius:10px;
}

.menu-card{
    transition: height .2s ease;
}

.menu-card small{
    line-height:1.5;
}

.badge-bestseller{
    background:#ff9800;
    color:#fff;
    font-size:11px;
    font-weight:600;
    border-radius:20px;
    padding:4px 8px;
}

.badge-recommended{
    background:#28a745;
    color:#fff;
    font-size:11px;
    font-weight:600;
    border-radius:20px;
    padding:4px 8px;
}

.badge-signature{
    background:#6f42c1;
    color:#fff;
    font-size:11px;
    font-weight:600;
    border-radius:20px;
    padding:4px 8px;
}

.badge-spicy{
    background:#dc3545;
    color:#fff;
    font-size:11px;
    font-weight:600;
    border-radius:20px;
    padding:4px 8px;
}

.badge-new{
    background:#17a2b8;
    color:#fff;
    font-size:11px;
    font-weight:600;
    border-radius:20px;
    padding:4px 8px;
}