.top-menu {
    display: flex;
    width: 100%;
    background: #0f172a; /* สีพื้นหลังแถบเมนู (น้ำเงินเข้ม) */
    border-radius: 4px;
    overflow: hidden; /* ⭐ ทำให้ปุ่มติดกันเนียน */
}

    .top-menu .menu-item {
        flex: 1;
        text-align: center;
        padding: 12px 0;
        background: #1e293b; /* สีปุ่มปกติ */
        color: #e5e7eb;
        font-weight: 600;
        text-decoration: none;
        border-right: 1px solid #0f172a; /* เส้นคั่นบาง ๆ */
        transition: background .2s ease;
    }

        /* ปุ่มสุดท้าย ไม่ต้องมีเส้น */
        .top-menu .menu-item:last-child {
            border-right: none;
        }

        .top-menu .menu-item:hover {
            background: #334155;
        }

        .top-menu .menu-item.active {
            background: #facc15; /* เหลืองเด่น */
            color: #000;
        }