/* ===== SALA MENU – ULTRA SIMPLE ===== */

.sala-menu{
padding: 14px 10px;
background: #ffffff;
}

.sala-menu__title{
font-size: 18px;
font-weight: 700;
margin-bottom: 12px;
color: #0b1324;
}

/* group */
.sala-menu__group{
margin-bottom: 14px;
}

.sala-menu__groupTitle{
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 6px;
color: #1f3a5f;
}

/* grid */
.sala-menu__grid{
display: grid;
grid-template-columns: repeat(2, 1fr); /* MOBILE: 2 cột */
gap: 6px;
}

/* item */
.sala-menu__item{
display: flex;
align-items: center;
justify-content: center;
padding: 10px 6px;
border-radius: 10px;
background: #f6f7fb;
border: 1px solid rgba(15,23,42,.10);
font-size: 14px;
color: #0b1324 !important;
text-decoration: none !important;
text-align: center;
}

/* item nổi bật */
.sala-menu__item.is-hot{
background: #e6c98b;
font-weight: 700;
}

/* DESKTOP */
@media (min-width: 768px){
.sala-menu{
max-width: 720px;
margin: auto;
}

.sala-menu__grid{
grid-template-columns: repeat(4, 1fr); /* desktop thoáng hơn */
gap: 10px;
}

/* nhà thấp tầng ít mục → 3 cột */
.sala-menu__group:last-child .sala-menu__grid{
grid-template-columns: repeat(3, 1fr);
}
}